流动模型和浮动模型同时使用-慕课网

流动模型和浮动模型同时使用

来源：13-4 起飞咯 - 浮动模型

陈国侯

2015-11-14 01:00

div{
float:left;
}
<div id="div1">div1</div>
<div id="div2">div2</div>

以上是为了让两个块状元素可以并列一排。

但是我之后又要用一个块，独占一行的块

写回答关注

1回答

李晓健: 2015-11-14 19:41:39

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>br标签的使用</title>
    <style>
        .float{
            overflow: hidden;
        }
        .float div{
            float: left;
        }
    </style>
</head>
<body>
    <div class="float">
        <div class="left">我是浮动的</div>
        <div class="right">我也是浮动的</div>
    </div>
    <div>
        我是单独占一行的
    </div>
</body>
</html>

想要另起一行的，不要用浮动就好了，一般的用了float的要注意一下清除浮动对其他元素的影响。我用的是比较简单的方法，你可以去网上找下清除浮动的一些常见写法，一般的都是用clearfix做为类名的。

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题

流动模型浮动模型层模型

回答 1

浮动模型跟流动模型到底有啥区别

回答 3

流动模型（一）

回答 5

流动模型（一）

回答 2

12-4 浮动模型

回答 2

打开慕课网App查看更多内容