html – 删除部分边框

发布时间：2020-12-14 22:54:54 所属栏目：资源来源：网络整理

导读：我有一个小部件,不能包装在另一个div. 我的问题是如何从标题/标题栏中删除边框,但仍然将其保留在DIV的其余部分？以下示例. 仅向.body添加边框是不可行的,因为如果最终用户在窗口小部件的底部/顶部添加填充,则会中断. http://jsfiddle.net/botwfngv/ 最佳答案

我有一个小部件,不能包装在另一个div.

我的问题是如何从标题/标题栏中删除边框,但仍然将其保留在DIV的其余部分？以下示例.

仅向.body添加边框是不可行的,因为如果最终用户在窗口小部件的底部/顶部添加填充,则会中断.


http://jsfiddle.net/botwfngv/


最佳答案

.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);
}

http://jsfiddle.net/botwfngv/2/
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!