码迷,mamicode.com
首页 > Web开发 > 详细

深入浅出CSS:Div(一)

时间:2017-06-30 17:18:23      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:src   压缩   lock   记录   一个   gif   order   margin   .com   

这个系列是学习笔记,简明记录结论性的知识。

新建一个层时,border为零,margin为0,padding为0,如果不指定宽度(width),则自动100%填充父元素。

三、层与父元素的关系

1. 举例,直接建立一个新层div1,则它的父元素就是body,当给新层添加内外补白或边框等等时,body的宽度并未发生变化。

技术分享

当层不断的扩张,比如增加margin,padding或border时,它的总长或总宽=本身+扩张的长/宽。

当层扩张后的宽度到达极限等于body的宽度时,就不能继续扩张,因为父元素的宽度不会变,这时再增加宽度,只能在内部压缩。

原理1:层无论怎么扩张,都不会超过父元素的宽度。如果想让一个层的宽度固定不变(层A),利用这个原理,只能在这个层的内部再套一个内部层(层B)。层B无论怎么扩张都不会超过层A。

 

深入浅出CSS:Div(一)

标签:src   压缩   lock   记录   一个   gif   order   margin   .com   

原文地址:http://www.cnblogs.com/tinaluo/p/7099057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!