zoukankan      html  css  js  c++  java
  • 课时132.清楚浮动方式二(理解)

    我们第一种方式不推荐大家使用,有没有一种方式可以不用设置高度,又不让第二个元素去找第一个元素呢?

    我们来打开w3c官方文档,我们发现元素有一个clear属性,这个属性就能保证既不让我们元素设置高度,又不让我们第二个元素去找第一个元素。

    这个clear属性一共有四个取值,left,right,both,none

    left是告诉元素不要去找前面左浮动的那一个元素

    both是告诉不要去找前面的左浮动元素,也不要去找右浮动元素,也不要和它们显示在同一行

    我们来将上节课的代码拷贝一份,然后我们删除div1的高度。

    我们发现了页面变成了下面的样子。

    然后我们不想让div2中的元素去找div1中的元素,所以我们给div2中添加一个clear元素。

    在以后的企业开发中,只要想清除浮动,就写both就可以了。

    添加margin以后发现没有任何的效果

    但是我们在企业开发中一定要有margin。

  • 相关阅读:
    Node.js :HTTP请求和响应流程
    Node.js :URL、QueryString介绍
    jQuery
    如何angular过滤器进行排序???
    封装jsonp
    原生js的math对象
    Iscrool下拉刷新
    javascript闭包
    javascript对象(3)
    javascript对象(2)
  • 原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9188388.html
Copyright © 2011-2022 走看看