小编Man*_*nny的帖子

CSS:父母没有边界的边缘

正如你在这张照片中看到的那样,我在div绿色内部有一个div没有顶部边框的橙色.橙色div有一个30px上边距,但它也推动了绿色div.当然,添加顶部边框将解决问题,但我需要绿色div顶部无边框.我能做什么?

.body {
	border: 1px solid black;
	border-top: none;
	border-bottom: none;
	width: 120px;
	height: 112px;
	background-color: lightgreen;
}

.body .container {
	background-color: orange;
	height: 50px;
	width: 50%;
	margin-top: 30px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="header">Top</div>
<div class="body">
	<div class="container">Box</div>
</div>
<div class="foot">Bottom</div>
Run Code Online (Sandbox Code Playgroud)

谢谢

css border margin collapse

52
推荐指数
2
解决办法
3万
查看次数

标签 统计

border ×1

collapse ×1

css ×1

margin ×1