核心提示：今天项目遇到问题记录,找了半天的方法都好像都不适用我的....最后大佬两句话解决,记录下来希望对小伙伴们有用百度解决方法:方法一：推荐设置父p的overflow:hidden;自己结果(仅供参考):此...
今天项目遇到问题记录,找了半天的方法都好像都不适用我的....最后大佬两句话解决,记录下来希望对小伙伴们有用
百度解决方法:
方法一：推荐
设置父p的overflow:hidden;
自己结果(仅供参考):此方法我的会把多余的隐藏.然而并不是我想要的结果(撑开)
方法二：
父p结束前增加一个空p style=”clear:both;”
.clear {
clear:both;
}
<p>
<p style=”float:left;”>
<p class=” clear” ></p>
</p>
自己结果(仅供参考):没看到效果
方法三：这是一位大佬谷歌翻译找出来的
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */
自己结果(仅供参考):和2方法差不多
方法四：设定高,或者js动态设置(不推荐,css能解决的不用js)
我最后解决方法:
子p 加 position:static 父p加 height:auto
我项目完美解决 ,也许我的就是这样,仅供参考
