我在練習過程中發現，在使用overflow屬性時，出現了排版錯誤，當把該屬性注釋掉后排版就好了，求指教。這個是未加overflow的這個是加了overflow的，不知道為什么，它自己跑上來半截。代碼如下：<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>用display：inline-block實現網格鋪滿瀏覽器</title>
<style?type="text/css">
*{
margin:?0?aoto;padding:?0;
}
[class^=box]{
display:?inline-block;/*轉化為行內塊*/
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>我是一個行內塊</p>
</div>
<div>
<p>我是一個行內塊</p>
</div>
<div>
<p>我是一個行內塊</p>
</div>
<div>
<p>我是一個行內塊</p>
</div>
<div>
<p>我是一個行內塊</p>
</div>
<div>
<p>我可沒用清除浮動</p>
</div>
</body>
</html>
- 2 回答
- 2 關注
- 3554 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消