div在div中行排，多处后换行问题，最后层加一个clear层

最新推荐文章于 2021-08-11 14:28:15 发布

afterrains

最新推荐文章于 2021-08-11 14:28:15 发布

阅读量832

点赞数

分类专栏： html+css+div

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/48681825

版权

html+css+div 专栏收录该内容

78 篇文章 2 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.yuyue {
	background-color: #9FC;
	width: 1200px;
}
.san {
	background-color: #36C;
	height: 381px;
	width: 281px;
	margin: 7px;
	float: left;
}
.clear {
	background-color: #C96;
	margin: 7px;
	clear: both;
}
</style>


<div class="yuyue">

  <div class="san">111</div>
  <div class="san">222</div>
  <div class="san">333</div>
  <div class="san">444</div>
  <div class="san">555</div>
  <div class="san">666</div>
  
  <div class="clear">clear</div>
</div>


</html>