29.在IE6中l(wèi)ist項(xiàng)目間出現(xiàn)空行
ul{
width: 200px;
margin: 0;
padding: 0;
list-style: none;
}
li a{
background: #95CFEF;
display: block;
margin-bottom: 1px;
}
顯示區(qū)別
30.在IE6中使用float屬性會(huì)產(chǎn)生兩倍距離
#container{
border: solid; 1px #000;
background: #777;
width: 400px;
height: 160px;
margin: 30px 0 0 30px;
}
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 400px;
height: 160px;
margin: 30px 0 0 30px;
float: left;
}
顯示區(qū)別:
在IE6瀏覽器中存在使用float屬性會(huì)產(chǎn)生兩倍距離,在FF和IE7中則不會(huì)有同樣的情況出現(xiàn)顽耳。
31.溢出邊界問題
#container{
border: solid; 1px #000;
background: #777;
width: 400px;
height: 160px;
margin: 30px 0 0 30px;
}
#element{
background: #95CFEF;
border: solid 1px #36F;
width: 300px;
height: 200px;
margin: 0 auto;
}
顯示區(qū)別:
當(dāng)子元素高度超出父元素時(shí),IE6和IE7 FF 結(jié)果不同
32.最低高度設(shè)置margin-height IE6不兼容
#left,#right{
padding: 5px;
border: 1px solid #000;
float: left;
width: 70px;
margin-right: 5px;
}
#right{
min-height: 75px;
}
顯示區(qū)別