CSS 盒子和内外边距

本文详细介绍了CSS中的盒子模型,包括height、width、max-height、max-width、min-height、min-width等属性,以及如何设置元素的内外边距如padding和margin,还涉及到overflow属性及其在水平和垂直方向上的应用。
摘要由CSDN通过智能技术生成

属性 描述 版本
height 设置元素的高度 CSS1
width 设置元素的宽度 CSS1
max-height 设置元素的最大高度 CSS2
max-width 设置元素的最大宽度 CSS2
min-height 设置元素的最小高度 CSS2
min-width 设置元素的最小宽度 CSS2
overflow 设置元素内容溢出时样式。 CSS2
overflow-x 设置元素内容水平方向溢出时样式。 CSS3
overflow-y 设置元素内容垂直方向溢出时样式。 CSS3
padding 在一个声明中设置所有内边距属性 CSS1
padding-bottom 设置元素的下内边距 CSS1
padding-left 设置元素的左内边距 CSS1
padding-right 设置元素的右内边距 CSS1
padding-top 设置元素的上内边距 CSS1
margin 在一个声明中设置所有外边距属性 CSS1
margin-bottom 设置元素的下外边距 CSS1
margin-left 设置元素的左外边距 CSS1
margin-right 设置元素的右外边距 CSS1
margin-top 设置元素的上外边距 CSS1

height

height 属性设置元素的高度。不包括边框和内外边距(未设置 box-sizing 时)。

描述
auto 默认。浏览器自动计算。
length 使用 px、cm 等单位定义。
% 基于包含它的块级对象的百分比。
height: 100px;
height: 100%;

width

width属性设置元素的宽度。不包括边框和内外边距(未设置 box-sizing 时)。

描述
auto 默认。浏览器自动计算。
length 使用 px、cm 等单位定义。
% 基于包含它的块级对象的百分比。
width: 100px;
width: 100%;

max-height

max-height 属性设置元素的最大高度。不包括边框和内外边距(未设置 box-sizing 时)。

描述
none 默认。没有限制。
length 使用 px、cm 等单位定义。
% 基于包含它的块级对象的百分比。
max-height: 100px;
max-height: 100%;

max-width

max-width 属性设置元素的最大宽度。不包括边框和内外边距(未设置 box-sizing 时)。

描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值