浮動模型中,div1{margin-left:10px}和div2{margin-right :10px},為什么兩個div之間間距是20px而不是10px？
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>浮動模型</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
我覺得，本來他的塊狀元素只是一個方塊及其內部，但是你經過ID瀏覽器的修改后，第一個塊狀元素包括那個方塊和右邊的那10px，而第二個元素是是相對于第一個元素再間隔10px。你應該是沒在意這是元素之間的浮動