标签:内容 学习笔记 margin hid hit 需要 gre 笔记 contain
1.关于子元素的margin-top作用在无margin-top-border的父元素上导致子元素的margin-top溢出问题。
在给没有margin-top-border父元素中的子元素添加margin-top时,发现没有直接表现出来,而是作用到父元素身上,就会导致子元素的margin-top溢出。
4.使用内容生成:before,完美!
2.关于浮动元素父元素高的问题:
条件:
父元素中有子元素float的话,可能就会影响父元素的高度,从而影响布局;
解决方案:
1.直接给父元素定高;
弊端:必须知道父元素的高;
2. 使用overflow属性值为hidden解决;
弊端:会隐藏溢出的内容,(当需要隐藏时使用,按需使用)
3.在父元素中最后面未知添加一个块级元素或table属性元素,并加clear属性值为both;
弊端:页面中多了一个空元素(影响不大,算是很nice)
4.使用内容生成:after解决,完美!
/*解决浮动高问题*/
关于子元素的margin-top溢出和元素浮动对父元素高度影响解决方案
标签:内容 学习笔记 margin hid hit 需要 gre 笔记 contain
原文地址:http://www.cnblogs.com/JaggerG/p/6917256.html