我在練習(xí)過(guò)程中發(fā)現(xiàn)，在使用overflow屬性時(shí)，出現(xiàn)了排版錯(cuò)誤，當(dāng)把該屬性注釋掉后排版就好了，求指教。這個(gè)是未加overflow的這個(gè)是加了overflow的，不知道為什么，它自己跑上來(lái)半截。代碼如下：<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>用display：inline-block實(shí)現(xiàn)網(wǎng)格鋪滿瀏覽器</title>
<style?type="text/css">
*{
margin:?0?aoto;padding:?0;
}
[class^=box]{
display:?inline-block;/*轉(zhuǎn)化為行內(nèi)塊*/
width:?200px;
height:?100px;
margin:?1em;
border:?2px?solid?#000;
border-bottom:?1px?dashed?#333;
}
.box1{
border:?2px?dashed;
border-color:?red?yellow?blue?green;
overflow:auto;
}
.box2{
border-right:?none;
}
.box3{
border-right-color:?#b3b3b3;
}
.tip{
border:?1px?solid?#f55;
}
</style>
</head>
<body>
<div>
<p>我是一個(gè)行內(nèi)塊</p>
</div>
<div>
<p>我是一個(gè)行內(nèi)塊</p>
</div>
<div>
<p>我是一個(gè)行內(nèi)塊</p>
</div>
<div>
<p>我是一個(gè)行內(nèi)塊</p>
</div>
<div>
<p>我是一個(gè)行內(nèi)塊</p>
</div>
<div>
<p>我可沒用清除浮動(dòng)</p>
</div>
</body>
</html>
添加回答
舉報(bào)
0/150
提交
取消