html – 删除部分边框

前端之家收集整理的这篇文章主要介绍了html – 删除部分边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

@H_301_2@ @H_403_9@

最佳答案
@H_403_9@.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/

猜你在找的HTML相关文章