lang="en">
charset="utf-8">
title>
type="text/css">
.warp
.box
style>
head>
class="warp">
class="box">
div>
div>
body>
html>
當使box元素為浮動元素時
.box
會發現,在ie6下的box元素的兩邊邊距增加一倍,這就是ie6下的雙邊距問題,
解決辦法
.box
lang="en">
charset="utf-8">
title>
type="text/css">
.box
style>
head>
class="box">
div>
body>
html>
但在ie6中顯示效果:
發現,在ie6中會有19個畫素的高度
解決辦法:
.box
IE6 7下如何實現inline block
ie6，ie7的haslayout屬性是個讓人頭疼的問題。在做導航條的時候，一般會用到ul li結構，大多數時候我們是把li設定為浮動，讓其併排顯示在同一行。還有一種方法就是設定li為display inline 這樣可以達到同樣的效果，但是問題是inline元素的特性 預設無法設定寬度，高度，以及...
IE6 7下inline block不起作用
網上查到資料是給元素設定display inline block，再觸發layout，設定display inline 因為所有的瀏覽器都支援inlie。即 div div 原理在下面 寫在前面的話，在我開發css的過程中，我發現很多詭異的問題都是對概念理解有偏差，所以在每篇開始的時候，我都把w3c...
ie67中li下的間隙問題
一 以下是引發此bug的條件 必要條件 li的子元素設定了浮動 例如 本例中的a設定了左浮動 充要條件 ie6 7 li設定了width height zoom 之一 例如 本文中的li設定了width 僅ie7 li設定了padding top padding bottom margin top ...