zoukankan      html  css  js  c++  java
  • CSS浮动和清除

    CSS浮动:
    • float  让元素浮动,取值:left(左浮动)、right(右浮动)
      • 浮动的元素,将向左或向右浮动浮动到包围元素的边上,或者上一个浮动元素的边上为止;
      • 浮动的元素,不再占空间了,并且浮动元素的层级要高于普通元素;
      • 一行中的多个元素,要浮动一起浮动;
      • 浮动的元素,一定是"块元素"。不管它原来是什么元素。如果浮动的元素没有指定宽度的话,浮动后它将尽可能的变窄。因此,浮动元素一般要定宽和高。
        • 浮动的功能:可以实现将多个块元素并列排版。
     
    CSS 清除浮动:
    • clear  取值:left(清除左浮动 )、right(清除右浮动)、both(同时清除上面的左浮动和右浮动)
      • 在浮动元素下边使用清除浮动操作;
      • 有浮动,就得有清除。如果包围元素指定了高度,那么可以不使用清除功能。
        • 清除浮动的功能:a. 让包围元素包住浮动元素;
                                                                  b. 清除之下的其他元素将恢复默认排版。
    • overflow 是CSS中设置当对象的内容超过其指定高度及宽度时该如何显示;
      • 取值:visible(默认值),不剪切内容也不添加滚动条;
                             hidden,将所有超出范围的所有内容都给隐藏掉;
                             scroll,在DIV层中提供一个滚动条,从而可以查看到DIV层内所有的内容;
                             auto,不需要滚动条时不会出现滚动条,内容超出范围就会显示滚动条。
  • 相关阅读:
    jquery基本用法
    js里BOM和DOM操作
    js基础语法
    java将json格式的字符串转化为对象数组
    Java生成Excel并导入数据
    mybatis的xml中使用foreach循环拼接(sql中的 in 语法)
    FreeMarker在List中取任意一条数据的某一个值
    freemarker中的常用语法
    Java将日期转化为大写格式(阿拉伯大写数字)
    项目中出现The import javax.servlet cannot be resolved 的解决方法
  • 原文地址:https://www.cnblogs.com/wq-code/p/6631502.html
Copyright © 2011-2022 走看看