css如何固定块级元素的高度

时间:2022-12-06 01:56

在css中固定块级元素高度的方法:1.创建div标签;2.设置标签的宽高,并添加边框;3.使用box-sizing属性固定高度;

css如何固定块级元素的高度

在css中固定块级元素高度的方法

1.首先,在页面中创建一个div标签;

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<style></style>

</head>

<body>

<div></div>

</body>

</html>

2.div标签创建好后,在css中设置div标签的宽高,并添加边框;

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<style>

div{

width:100px;

height:70px;

border:1pxsolid#000;

}

</style>

</head>

<body>

<div></div>

</body>

</html>

3.最后,div标签样式设置好后,使用box-sizing属性即可固定div标签的高度;

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8"/>

<style>

div{

width:100px;

height:70px;

border:1pxsolid#000;

box-sizing:border-box;

}

</style>

</head>

<body>

<divclass="bat"></div>

</body>

</html>


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公