第六章：html列表 二維碼
328
代碼如下：
四、 浮動后父容器高度自適應 當一個容器內元素都浮動后，它將高度將不會隨著內部元素高度的增加而增加，所以造成內容元素的顯示超出了容器。為了便于查看效果，把剛才實例中的#layout增加一個邊框和內邊距： #layout { width:400px; border:2px solid #ccc; padding:2px;} 看到沒，它沒有被內容元素給撐高，要解決這個問題，需要使用以下樣式 overflow:auto; zoom:1; overflow:auto;是讓高度自適應， zoom:1;是為了兼容IE6而寫（此樣式不能通過W3C驗證）。 這就是所謂的css hack，之前講解3px bug時忘記說css hack是個什么東東了，現在補充一下： 由于不同的瀏覽器，比如IE 6,IE 7,IE8,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。 這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack。這里的overflow:auto; zoom:1;就是所謂的css hack，這種形式是應用我們常用的代碼來解決不兼容問題，也會用到添加一些特殊符號的形式，它本身沒有意義，只是針對不同瀏覽器是否對它識別來實現的，具體用到的進修再講。 五、IE6的雙倍邊距bug 這又是IE6一個著名的bug，也是我們經常遇到的。如上例，當浮動后設置左側外邊距時后，最左側將顯示為雙倍邊距，比如設置為20，而在IE6下卻顯示40px，解決這個問題只需應用一個樣式，大家記住就可以了 display:inline; 增加以上樣式后，在IE6下和其它瀏覽器下顯示效果就一樣了。 代碼如下：
 以信載商，良心建站。遨游始終秉承“一次建站、終身維護”的宗旨，竭誠為客戶提供最優質的互聯網服務。遨游建站率先植入seo優化理念，讓你的網頁更利于搜索引擎抓取，關鍵詞排名更靠前。可仿站、可定制。無論是傳統型企業官網、集團型品牌官網，還是營銷型網站、電商型網站、定制型網站、特殊行業網站（醫療、教育），全部搞定。 公司：網站建設_小程序設計_競價托管代運營公司；郵箱：1013601535@qq.com 手機：17073547034；QQ： 1013601535 在線留言咨詢，24小時內回復
我想咨詢 *
企業名稱
手機號碼 *
您的姓名
所在城市 提交 |
網站建設問題
熱門標簽
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|