body标签width属性的几种设置

1、不设置body标签的width属性,等价于设置一个非零值并且不带单位,会呈现出比浏览器的宽度稍微少一点,即两边留白一点的宽度,而且是响应式的。

2、设置成一个比浏览器宽度小的固定值,则会固定此大小,不会是响应式的,且当浏览器宽度小于设置的body的宽度时,出现滚动条,不会出现响应式,且始终和浏览器边线有一定的缝隙。

3、body里面的块级元素div的margin属性都是相对于父级元素的,但如果body里面的块级元素设置了position属性为absolute后,就变成相对于浏览器边框了,是因为这时候的两个父级元素html元素和body元素都没有设置position属性。

4、对body元素设置position位absolute再设置top值为0px之后,依然留有小缝隙,但这时候子元素的块级元素设置成了position属性为absolute时,就变成相对于自己了,不再相对于浏览器边框。

5、若不想body留有缝隙,可以直接对margin属性进行设置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值