box-sizing

时间:2024-10-30 01:58:10编辑:阿星

如何让box-sizing 在div内失效

box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。

例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。
语法:box-sizing: content-box|border-box|inherit;
你要在那一层级上写box-sizing,是的上一层不,你在上一层写,下一层不继承的
你想要写的是内边框的


box-sizing的示例

.test {width: 200px;height: 70px;padding: 10px;border: 15px solid#999; - webkit - box - sizing: content - box; - moz - box - sizing: content - box; - ms - box - sizing: content - box;box - sizing: content - box;background: #eee;}.test2 {width: 200px;height: 70px;padding: 10px;border: 15px solid#999; - webkit - box - sizing: border - box; - moz - box - sizing: border - box; - ms - box - sizing: border - box;box - sizing: border - box;background: #eee;margin - top: 20px;}content - boxborder - boxabc

上一篇:久久书签

下一篇:没有了