ie6下padding bug
生活随笔
收集整理的這篇文章主要介紹了
ie6下padding bug
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
今晚發(fā)現(xiàn)ie6下原來還有一個bug，看代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style type="text/css">*{ margin:0; padding:0;}#layout{ padding-top:10px;}#layout .test1,#layout .test2{ height:20px; border:1px solid #ccc;}#layout .test1{ float:left;}#layout .test2{ clear:both;} </style> </head> <body><div id="layout"><div class="test1">test1</div><div class="test2">test2</div></div> </body> </html> 這樣，在IE6下，浮動層后的層也有padding-top，谷歌了下，說是什么3像素引起的，我原來自己的解決方案是在test2這個div里加個margin-top:-10px;這樣解決，但發(fā)現(xiàn)可以通過給#layout這div一個zoom:1激活haslayout，從而解決問題。標記以記之。
轉(zhuǎn)載于:https://www.cnblogs.com/littledu/archive/2011/05/01/2034132.html
總結(jié)
以上是生活随笔為你收集整理的ie6下padding bug的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 2410Init.s
- 下一篇： 抽象SQL查询：SQL-MAP技术的使用