當一行子元素佔有的寬度之和和父級的寬度相差超過3px
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>當一行子元素佔有的寬度之和和父級的寬度相差超過3px</title>
<style>
.box{border:10px solid #000;width:600px; overflow:hidden;}
.box div{width:100px;height:100px;background:Red;margin:20px;border:5px solid #ccc; float:left; display:inline;}
/*
當一行子元素佔有的寬度之和和父級的寬度相差超過3px,或者有不滿行狀態的時候,最後一行子元素的下margin在IE6下就會失效
*/
</style>
</head>
<body>
<div class="box">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
前端需要謹記的知識備份
1.DOM 節點之間的關係：父子級，兄弟級 節點操作：獲取父子節點，兄弟節點 文檔的根節點：document.documetElement body節點：document.body