zoukankan      html  css  js  c++  java
  • 谈谈常用清除浮动的方法

    我们在做页面布局的时候,经常需要利用浮动来实现一些布局效果,这样带来的后果就会导致父元素丢失宽度。今天我们就来说说‘找回‘宽度的方法。

    而清除浮动后的效果应该是这样的请看:

    下面就说说方法,方法其实有非常的多,下面部分方法的截图请大家参考

    (1)父级div定义height。
    (2)结尾处加空div标签clear:both。
    (3)父级div定义伪类:after和zoom。
    (4)父级div定义overflow:hidden。
    (5)父级div定义overflow:auto。
    (6)父级div也浮动,需要定义宽度。
    (7)父级div定义display:table。
    (8)结尾处加br标签clear:both

    一般来说 给父元素加伪元素after是更好的方法。附图一张:

    (新手请多多指教)

  • 相关阅读:
    pip备忘录
    Vue.js---------------1引入
    centos安装数据库
    Python之网络编程二
    Python之协议
    Python高级
    jvm-3学习教程
    jvm学习-2
    jvm相关学习
    八种常用的排序算法
  • 原文地址:https://www.cnblogs.com/ymdong/p/6216870.html
Copyright © 2011-2022 走看看