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

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

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

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    转载-WebSocket协议解析
    django sqlite3数据迁入postgresql
    使用JenKins实现自动执行python脚本
    调用函数的局部变量
    打开新窗口获取元素
    邮箱登录脚本
    购物车小程序
    循环
    格式化的输出
    使用#号输出图形,可以指定宽和高
  • 原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9188388.html
Copyright © 2011-2022 走看看