清浮动的几种方法

.wrapper{
border:1px solid #000;
}
.content{
width: 100px;
height: 100px;
background: black;
color: #fff;
float: left;
}
p{
border-top: 10px solid green;
clear:both;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="content">11</div>
<div class="content">22</div>
<div class="content">33</div>
</div>
<p>44</p>
</body>

给需要单独一行的元素添加clear:both

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

猜你喜欢

转载自www.cnblogs.com/xiadengqi/p/9753583.html