这段代码为什么div的高没有充满浏览器

<body>
<div>我是定宽块状元素，我要水平居中显示。</div>
</body>
</html>

<style>
div{
    border:1px solid red;
	width:200px;
	margin:20px auto;
}
</style>

那个div元素为什么没有撑开到撑满浏览器。marign:20px auto;不应该是上下边距20px，左右水平居中么

慕斯4529030

浏览 1366回答 2

2回答

我要开发地图系统

marign是元素之间的距离，上下会重叠，也会无效。详情请观看张鑫旭老师的课程—— CSS深入理解之margin位置在：慕课网首页---- 前端开发 ---- 分类目录 ---- 基础---- html / css ，进去就能找到。链接：http://www.imooc.com/learn/680 另外，你还可以看张鑫旭老师其它的课程。

慕粉3882219

body{height:100%}div {height:100%; background:#ff0000; position:absolute; width:200px;margin:20px auto;}

随时随地看视频慕课网APP