【20190129】CSS-定位问题记录

很多情况下我在写div的时候都不会把高度写死,而是用子元素撑开高度的方式,但是如果子元素设置了浮动或者position绝对定位,就相当于把子元素从文档流中拿出来了,这时父元素的高度就不能被子元素撑开了,那么原本在文档流中跟在父元素后面的元素很有可能被遮挡住。解决方法:

1. 给父元素设置一个最小高度min-height,或者给非绝对定位的子元素设置高度

2. 在父元素结束前添加一个div,清除浮动

浮动元素在窗口缩小时可能会被挤到下面,解决方法:给父元素设置overflow:hidden,这样被挤下去的元素就被隐藏了。

img标签会自带一个边距,解决方法:1. 将img块状化;2. 将img左浮动;3.  为img添加样式img{vertical-align:top|bottom|text-top|text-bottom;};4. 为img的父级加高度;5. 为img的父级加样式 font-size:0;

原文地址:https://www.cnblogs.com/huangrui-dori/p/10401471.html