1818IP-服务器技术教程,云服务器评测推荐,服务器系统排错处理,环境搭建,攻击防护等

当前位置:首页 - 网站技术 - html/css - 正文

君子好学,自强不息!

每日笔记,如何用css设置高度和宽度。用css设置高度和宽度,div高度和宽度设置

CSS 高度和宽度

此元素的宽度为 100%。

CSS 设置高度和宽度

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

CSS 高度和宽度值


height 和 width 属性可设置如下值:


auto - 默认。浏览器计算高度和宽度。

length - 以 px、cm 等定义高度/宽度。

% - 以包含块的百分比定义高度/宽度。

initial - 将高度/宽度设置为默认值。

inherit - 从其父值继承高度/宽度。


CSS 高度和宽度实例

实例

设置 <div> 元素的高度和宽度:150 像素,宽度为 60%

div {
  height: 100px;
  width: 60%;
  background-color: powderblue;
}
此元素的高度为 100 像素,宽度为 60%

实例

设置另一个 <div> 元素的高度和宽度:120 像素,宽度为 300

div {
  height: 120px;
  width: 300px;
  background-color: powderblue;
}
此元素的高度为 120 像素,宽度为 300

注意:请记住,height 和 width 属性不包括内边距、边框或外边距!它们设置的是元素的内边距、边框和外边距内的区域的高度/宽度!



本文来源:1818IP

本文地址:https://www.1818ip.com/post/145.html

免责声明:本文由用户上传,如有侵权请联系删除!

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。