问答详情
源自：13-4 起飞咯 - 浮动模型

浮动模型中,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>


提问者：慕粉3925848 2016-10-10 02:04

个回答

  • 113滴泪
    2016-10-10 02:31:43

    我觉得，本来他的块状元素只是一个方块及其内部，但是你经过ID浏览器的修改后，第一个块状元素包括那个方块和右边的那10px，而第二个元素是是相对于第一个元素再间隔10px。你应该是没在意这是元素之间的浮动

    0