美文网首页
css----浮动

css----浮动

作者: 3e0a50393df8 | 来源:发表于2018-08-12 19:18 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动</title>
    <style type="text/css">
        .box{
            width: 1600px;
            height: 200px;
            background-color: red;

            float: left;
        }
        .box1{
            width: 200px;
            height: 200px;
            background-color: yellow;
            float: left;
        }
        .box2{width: 200px;
            height: 200px;
            background-color: green;
            float: left;
        }

    </style>
</head>
<body>
    <div class="box"></div>
    <div class="box1"></div>
    <div class="box2"></div>

    
</body>
</html>

相关文章

  • css----浮动

  • CSS----浮动、塌陷

    使用float使元素浮动,从而脱离文档流,可选值: none:默认值 left:脱离文档流,向页面左侧浮动 ...

  • CSS----动画

    1、在哪儿产生动画,比如:width height background-color 2、动画的时间,比如:1s ...

  • CSS----样式

    1、样式表:(1)内部样式: (2)外部样式:新建一个css文件,将样式写入 在html文件中调用css文件内的样...

  • CSS----表单、框架集

    解决父元素的高度塌陷 clearfix:after{ clearfix{ clear:both zoom:1 ...

  • css----行内元素深究

    我们知道行内元素有替换元素和非替元素之分: 替换元素:浏览器根据其标签和属性来判断要显示的内容的标签,比较常见的是...

  • 浮动、清除浮动、闭合浮动

    1、浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素会脱离正常的文档流,不占据...

  • 浮动与清除浮动

    原文地址:浮动与清除浮动 浮动 浮动的概念 浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素...

  • 浮动、清除浮动

    一、浮动属性有哪些属性值 float • left 元素向左浮动• right ...

  • 浮动,清除浮动

    一、浮动元素有什么特征?对其他浮动元素、普通元素、文字分别有什么影响? 浮动元素会浮动到左或右依次排列,直到空间不...

网友评论

      本文标题:css----浮动

      本文链接:https://www.haomeiwen.com/subject/sptqbftx.html