码迷,mamicode.com
首页 > Web开发 > 详细

CSS float:left和 float:right遇到的问题

时间:2016-08-06 19:10:40      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

  今天遇到一个问题,先贴上代码:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		.parent{
			width: 660px;
			height: 600px;
		}
		.fore1,.fore2{
			width: 440px;
			float: left;
		}
		.fore3,.fore4,.fore5,.fore6{
			width: 220px;
			height: 150px;
			float: right;
		}
		.fore1{
			background-color: black;
			height: 150px;
		}
		.fore2{
			background-color: pink;
			height: 450px;
		}
		.fore3{
			background-color: gray;
		}
		.fore4{
			background-color: red;
		}
		.fore5{
			background-color: blue;
		}
		.fore6{
			background-color: yellow;
		}
	</style>
</head>
<body>
	<div class="parent">
		<div class="fore1"></div>
		<div class="fore2"></div>
		<div class="fore3"></div>
		<div class="fore4"></div>
		<div class="fore5"></div>
		<div class="fore6"></div>
	</div>
</body>
</html>

  效果:

  技术分享

  不明白为什么????

 

CSS float:left和 float:right遇到的问题

标签:

原文地址:http://www.cnblogs.com/niulina/p/5744598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!