IE overflow:hidden失效的解決方法
服務範圍
-
品牌官網設計
設計、策劃、製作全方位周邊產品讓你省心的一條龍服務。 充分了解企業文化、行業特點,體現企業特色。 設計師一對一溝通,充分了解你的需求和想法。 時刻掌握最新技術動向,打造高品質網站。
-
專業量身定製開發,定製設計、定製功能。 擁有一支資深開發工程師團隊,追求質量同時保證速度。 追求完美,不斷提升系統響應速度和穩定性。 完善的測試流程,在上線之前解決問題
商城網站建設
-
手機、微信網站建設
個性設計,獨一無二,用設計風格體現企業文化。 精簡程式碼、追求速度,相容主流手機瀏覽器。 和PC端資料同步,管理方便,全方位網路營銷。 零成本增加微信網站。
-
其他網站定製
旅遊官網、旅遊平臺等網站定製 外貿網站、外貿商城等網站定製 入口網站、教育平臺等網站定製 內部管理系統等其他網站定製
-
站內優化如同打地基,地基不穩,網站怎能推廣成功 合理配置網站標題、關鍵詞、描述 優化頁面程式碼,利於搜尋引擎抓取 網站地圖、robots設定、404錯誤設定
SEO基礎優化
-
域名服務
個性設計,獨一無二,用設計風格體現企業文化。 精簡程式碼、追求速度,相容主流手機瀏覽器。 和PC端資料同步,管理方便,全方位網路營銷。 零成本增加微信網站
ul的寬度為2000,而他的父級div設定的寬度為1000,並且設定了overflow:hidden,但是在ie中多出來的ul部分並沒有被隱藏掉。
原因是我的li元素加了定位,position:relative,解決辦法是在父節點容器 中也加一個position:relative。在#con的div中也加上position:relative,問題得到解決。
我的css程式碼:
div#scope_con div#con{width:1000px;height: auto;overflow: hidden;margin:30px auto;border: solid 1px red;position: relative;}
div#scope_con div#con ul{width:2000px;overflow: hidden;border:solid 1px green;}
div#scope_con div#con li{list-style: none;float: left;width: 333px;height: 400px;background:#d04d43;position: relative;}
div#scope_con div#con li img{width: 333px;height:200px;border:0px;}
div#scope_con div#con li#sc img,div#scope_con div#con li#yh img{margin-top:40px}