參考文章:http://haslayout.net/css/Document-Scrollbars-Overflow-Inconsistency
此項其實(shí)并不是Bug,只是各瀏覽器默認付值不同造成的,其他明智的瀏覽器還好,這個(gè)bug只出現在IE6 IE7下
問(wèn)題重現:
<p>There are no scrollbars on this page in sane browsers</p>
html, body, p { margin: 0; padding: 0;}body { overflow: hidden;}p { width: 5000px; height: 5000px;}IE6 IE7下不生效(IE6下橫向縱向滾動(dòng)條都在 IE7下縱向滾動(dòng)條還在)
原因:
明智的瀏覽器(ex. chrome and firefox)會(huì )初始付值給html{overflow:visible;}
IE6 初始付值html{overflow-x:auto;overflow-y:scroll;}
IE7 初始付值html{overflow-x:visible;overflow-y:scroll;}
只有dom根結點(diǎn)(也就是html根節點(diǎn))設置html{overflow:visible;}的時(shí)候,瀏覽器才會(huì )將body元素中的overflow值應用到視圖區。
這樣就很明了啦,并不是bug,而是瀏覽器初始值不同產(chǎn)生的問(wèn)題。
解決辦法:
html, body, p { margin: 0; padding: 0;}html { overflow: visible;}body { overflow: hidden;}p { width: 5000px; height: 5000px;}
