zoukankan      html  css  js  c++  java
  • 消除float浮动的影响

    一、

    在父元素中当前浮动元素下面添加一个空的div 添加clear属性

    <div style="displya:none;clear: left;"></div>

    1、clear语法:

    clear : none | left|right| both

    2、clear参数值说明:
    none :  允许两边都可以有浮动对象
    both :  不允许有浮动对象
    left :  不允许左边有浮动对象
    right :  不允许右边有浮动对象

    3、clear解释:
    该属性的值指出了不允许有浮动对象的边情况,又对象左边不允许有浮动、右边不允许有浮动、不允许有浮动对象。

    4、css结构
    div{clear:left}
    div{clear:right}
    div{clear:both}

    二、div clear常用地方
    我们常常用于使用了float css样式后产生浮动,最常用是使用clear:both清除浮动。比如一个大对象内有2个小对象使用了css float样式为了避免产生浮动,大对象背景或边框不能正确显示,这个时候我们就需要clear:both清除浮动。

  • 相关阅读:
    linux文件系统
    用户态和内核态
    nginx优化
    平滑升级nginx
    网络--基本概念
    haproxy
    awk
    kvm
    lvs
    自定义不等高cell—storyBoard或xib自定义不等高cell
  • 原文地址:https://www.cnblogs.com/cralor/p/9093571.html
Copyright © 2011-2022 走看看