今天项目遇到问题记录,找了半天的方法都好像都不适用我的....最后大佬两句话解决,记录下来希望对小伙伴们有用
百度解决方法:
方法一:推荐
设置父div的overflow:hidden;
自己结果(仅供参考):此方法我的会把多余的隐藏.然而并不是我想要的结果(撑开)方法二:
父div结束前增加一个空div style=”clear:both;”
- .clear {
- clear:both;
- }
- <div>
- <div style=”float:left;”>
- <div class=” clear” ></div>
- </div>
自己结果(仅供参考):没看到效果
方法三:这是一位大佬谷歌翻译找出来的
- .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)
我最后解决方法:
子div 加 position:static 父div加 height:auto
我项目完美解决 ,也许我的就是这样,仅供参考 错了提出来 勿喷!谢谢