我有一个小部件不能包含在另一个 div 中。
我的问题是如何从页眉/标题栏中删除边框,但仍将其保留在 DIV 的其余部分周围?下面的例子。
仅向 .body 添加边框是不可行的,因为如果最终用户向小部件 div 的底部/顶部添加填充,事情就会崩溃。
<div class="widget">
<div class="header">Header Title</div>
<div class="body">My Content</div>
</div>
.widget {
height: 100px;
width: 130px;
border: 3px solid blue;
position: absolute;
overflow: hidden;
}
.header {
width: 100%;
min-height: 24px;
max-height: 24px;
display: block;
background-color: grey;
color: white;
}
.body {
width: 100%;
height: calc(100% - 24px);
}
最佳答案
.widget {
height: 100px;
width: 130px;
border: 3px solid blue;
position: absolute;
}
.header {
width: 100%;
min-height: 24px;
max-height: 24px;
display: block;
background-color: grey;
color: white;
margin: -3px;
padding: 3px;
}
.body {
width: 100%;
height: calc(100% - 24px);
}
关于html - 去除部分边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26184366/