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是更好的方法。附图一张:

    (新手请多多指教)

  • 相关阅读:
    根据数组对象中的某个属性值排序
    vue小知识
    vue项目中config文件中的 index.js 配置
    小问题
    原生无缝轮播
    webpack打包提交代码
    echarts
    面试问题
    MySql
    vue-router 跳转原理
  • 原文地址:https://www.cnblogs.com/libin-1/p/6220102.html
Copyright © 2011-2022 走看看