流动模型和浮动模型同时使用
div{
float:left;
}
<div id="div1">div1</div>
<div id="div2">div2</div>以上是为了让两个块状元素可以并列一排。
但是我之后又要用一个块,独占一行的块
div{
float:left;
}
<div id="div1">div1</div>
<div id="div2">div2</div>以上是为了让两个块状元素可以并列一排。
但是我之后又要用一个块,独占一行的块
2015-11-14
<!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做为类名的。
举报