浮動(dòng)模型中,div1{margin-left:10px}和div2{margin-right :10px},為什么兩個(gè)div之間間距是20px而不是10px？
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動(dòng)模型</title>
<style?type="text/css">
div{
border:2px?red?solid;
????width:160px;
????height:400px;
float:left;
}
#div1{margin-right:10px;}
#div2{margin-left:10px;}
</style>
</head>
<body>
<div?id="div1">欄目1</div>
<div?id="div2">欄目2</div>
</body>
</html>
2016-10-10
我覺(jué)得，本來(lái)他的塊狀元素只是一個(gè)方塊及其內(nèi)部，但是你經(jīng)過(guò)ID瀏覽器的修改后，第一個(gè)塊狀元素包括那個(gè)方塊和右邊的那10px，而第二個(gè)元素是是相對(duì)于第一個(gè)元素再間隔10px。你應(yīng)該是沒(méi)在意這是元素之間的浮動(dòng)