美文网首页
开发时遇到的问题

开发时遇到的问题

作者: yaoyao妖妖 | 来源:发表于2018-07-16 17:10 被阅读10次

1.在布局的时候,父元素没有高度或者宽度,那么里面浮动的子元素不会显示,但是设置了overflow:hidden之后,发现浮动元素又出现了?

overflow:hidden要有宽度或者高度才会溢出部分隐藏,如果外部盒子没有宽度或者
高度,里面又是浮动元素,就会被撑开。

2.布局

1.  当父元素的盒子没有设置宽高的时候,会自动被自己的内容和子元素撑开。
2.  父元素里面的子元素会按照正常流的方式在父元素中布局
3.  但是当子元素float之后,没有设置高度的父元素会无法看见
4.  当子元素float之后,父元素设置overflow:hidden,那么子元素会重新把
父元素撑开。
5.  当设置浮动元素的时候,需要添加一个外层div用来设置作浮动
6.  在对子元素进行绝对定位的时候,将父元素  position:设置为relative,    
                               将子元素的 position:设置为absolute

相关文章

网友评论

      本文标题:开发时遇到的问题

      本文链接:https://www.haomeiwen.com/subject/rjvbpftx.html