您可以使用box-sizing
属性来解决布局中边框不会向下延伸的问题。默认情况下,元素的宽度和高度仅包括内容框,而不包括边框和内边距。通过将box-sizing
属性设置为border-box
,元素的宽度和高度将包括边框和内边距。
以下是一个示例代码:
HTML:
CSS:
.box {
width: 200px;
height: 100px;
border: 1px solid black;
box-sizing: border-box;
}
在上面的示例中,.box
类的元素将具有200像素的宽度和100像素的高度,并且边框将包括在内。