你的位置:首页 > 软件开发 > 网页设计 > CSS属性之margin

CSS属性之margin

发布时间:2017-02-11 00:00:11
0.对自身可视宽度的影响1>改变处于标准文档流中,未设置width值的block元素的可视宽度在标准文档流中,对于没有设置宽度的block元素,当其具有内容或者设置高度后,其自身宽度为父元素宽度的100%,这个时候给block元素设置水平方向的margin值,就会改变元素的 ...

0.对自身可视宽度的影响

CSS属性之margin

1>改变处于标准文档流中,未设置width值的block元素的可视宽度

在标准文档流中,对于没有设置宽度的block元素,当其具有内容或者设置高度后,其自身宽度为父元素宽度的100%,这个时候给block元素设置水平方向的margin值,就会改变元素的可视宽度。但是不能改变高度,因为block元素的高度是固定或者等于其内容的高度,并不会拉伸。

这个特点在bootstrap的布局里就有用到。

<div class="wrap"> 父元素padding: 0 10px; <div class="yellow">此block元素没有设置margin值</div> <div class="red">此block元素设置margin-left:-10px;margin-right:-10px; 拉伸了元素宽度</div></div>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:CSS属性之margin

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。