zoukankan      html  css  js  c++  java
  • 子Div使用Float后如何撑开父Div

    如果想要撑开父元素可以采用以下方法:

    方法一:

    父元素设置overflow以及zoom,样式如下:

    1 <style>
    2   #div1{border:1px solid red;overflow:hidden;zoom:1;}
    3   #div2,#div3{float:right;border:1px solid blue;}
    4 </style>

    方法二:

    父元素也是设置浮动效果,样式如下:

    1 <style>
    2   #div1{border:1px solid red;float:left;}
    3   #div2,#div3{float:right;border:1px solid blue;}
    4 </style>

    此方法有个缺陷是,父元素的宽度需要设置。

    方法三:

    在添加一个子元素,并设置clear样式:

    1 <div id="div1">
    2   <div id="div2">two</div>
    3   <div id="div3">one</div>
    4   <div style="clear:both"></div>
    5 </div>

    此方法添加了一个div元素,有些情况下可能这个div会影响元素的遍历。

  • 相关阅读:
    kali 所有版本
    kali有关问题及kali2018.2安装
    python2
    burpsuite 破解教程
    python生成个性二维码
    万能密码
    python 1
    python
    python 第三方库安装
    Androidstdio 简单界面设计 登陆系统
  • 原文地址:https://www.cnblogs.com/shenyu1995/p/4914318.html
Copyright © 2011-2022 走看看