css怎么定义div的宽度和高度
程序员文章站
2022-03-22 22:41:39
...
在css中,可以使用width和height属性来定义div的度度和高度,语法格式“div{width:值;height:值;}”;值可以是用px、cm等单位定义的长度,也可是使用“%”定义的基于包含父元素的百分比长度,或者为“auto”。
本教程操作环境:windows7系统、css3版本,该方法适用于所有品牌电脑。
(推荐教程:CSS视频教程)
在css中,可以使用width和height属性来定义div的度度和高度。
width 属性设置元素的宽度,height 属性设置元素的高度。
这两个属性定义元素内容区的宽度和高度,在内容区外面可以增加内边距、边框和外边距;行内非替换元素会忽略这两个属性。
属性值:
auto:默认值。浏览器可计算出实际的宽度/高度。
length:使用 px、cm 等单位定义宽度/高度。
%:定义基于包含块(父元素)宽度的百分比宽度/高度。
示例:
使用width属性设置div的宽度为200px,使用height属性设置div的高度为200px,并使用background属性设置背景颜色为蓝色。
效果图:
补:宽度与高度的单位还可以使用rem,百分比等。
更多编程相关知识,请访问:编程入门!!
以上就是css怎么定义div的宽度和高度的详细内容,更多请关注其它相关文章!
上一篇: 设置div的宽度可以通过css的什么属性
下一篇: 什么是响应式布局
推荐阅读
-
jquery获取div的高度和宽度(获取div实际宽高度的方法)
-
jquery获取div的高度和宽度(获取div实际宽高度的方法)
-
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
在高度(height)和宽度(width)都确定的情况下怎么让图片不变形
-
div的宽度和高度的固定_html/css_WEB-ITnose
-
CSS控制div宽度最大宽度/高度和最小宽度/高度
-
在网页里嵌入swf文件,如何让swf文件的高度和宽度能自动适应_html/css_WEB-ITnose
-
浏览器调试界面中显示的高度宽度是怎么计算的?_html/css_WEB-ITnose
-
为什么没法设置span的宽度和高度_html/css_WEB-ITnose