zoukankan      html  css  js  c++  java
  • CSS 的overflow:hidden (清除浮动)

        verflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很 了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。

        verflow:hidden清除浮动,例如如下:(样式box div是样式content div的父元素)

               .box{
              background:#000;
              300px;
              overflow:hidden;
             }
            .content {         
              float:left;
              200px;
              height:200px;
              background:red;
             }

    (效果图) box设置overflow:hidden,清除content的浮动,所以box的高度随content的高度变化而变化。如果box没有设置overflow:hidden,那么content的高将影响不了box的高。

         

    详细地址:http://jingyan.baidu.com/article/d45ad148e2a7f969552b80ae.html?qq-pf-to=pcqq.c2c

  • 相关阅读:
    JSON
    什么是Jsonp?
    用border做三角形
    前端模块化
    Web 前端
    前端性能优化
    Ajax的原理
    node.js基础语法
    【真·新手初篇】菜鸟们都戳进来看看(欢迎大神指导)
    2019.11.20 开启一天的工作
  • 原文地址:https://www.cnblogs.com/meiwenzx/p/5148638.html
Copyright © 2011-2022 走看看