这里的浮动元素是怎么把父元素撑高的?

来源:5-7 按钮(按钮组)

慕粉3160836

2017-05-09 11:09

目前我知道的全浮动元素撑高父元素的方法有两个:

  1. 父元素应用BFC;

  2. 通过给伪元素::after设置{content:" ";clear:both;display:table;}(为什么给::before设置没用?)

我从控制台看,这两种方法都没用到,那父元素是怎么被撑高的,求助啊

=======有答案了============

提问的时候没仔细看控制台,样式btn-group是设置了display:inline-block的

=======感谢小伙伴的热心回答====

写回答 关注

2回答

  • 于Sir_
    2017-05-09 15:54:35
    已采纳

    这属于清浮动问题  清浮动的方法有很多种  

    1. 给父级也加浮动

    2. 给父级DISPLAY:inline-block

    3. 给浮动元素下加<div style="clear:both;height:0;font-size:0"></div>

    4. 给浮动元素下加<br clear="all"/>

    5. 这种就是你说的那种  最好后边加上zoom:1      zoom会触发ie下haslayout(也可算第六种方法)

    6. 给父级加overflow  最好配合zoom:1使用   这样完美兼容任何浏览器     

    7. 但是淘宝等各大网站使用的还是你现在发的这种方法  本人也是新手一枚  不足请后人补充 、、

    于Sir_ 回复慕粉3160...

    不客气朋友

    2017-05-09 16:11:02

    共 2 条回复 >

  • 于Sir_
    2017-05-09 15:57:08

    哈哈 忘说了也有可能是算好了宽高。。。。。

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题