請問怎么讓它們另起一行顯示？
<!DOCTYPE?HTML>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
????<title>怎么整？</title>
????<style?type="text/css">
????#div1,#div2{
????????width:?300px;
????????height:?300px;
????????border:1px?blue?solid;
????????float:?left;
????}
????#div3,#div4{
????????width:?300px;
????????height:?300px;
????????border:1px?pink?solid;
????????float:?right;
????}
????#div5,#div6{
????????width:?300px;
????????height:?300px;
????????border:1px?red?solid;
????}
????#div5{float:?left;}
????#div6{float:?right;}
????</style>
</head>
<body>
<div?id="div1">欄目one</div>
<div?id="div2">欄目two</div>??
<div?id="div3">欄目three</div>
<div?id="div4">欄目four</div>
<div?id="div5">欄目five</div>
<div?id="div6">欄目six</div>
</body>
</html>全都擠在一起了，不知道咋整才可以，求解？
2015-11-29
<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ????<title>怎么整？</title> ????<style?type="text/css"> ????????#div1,#div2{ ????????????width:?300px; ????????????height:?300px; ????????????border:1px?blue?solid; ????????????float:?left; ????????} ????????#div3,#div4{ ????????????width:?300px; ????????????height:?300px; ????????????border:1px?pink?solid; ????????????float:?right; ????????} ????????#div5,#div6{ ????????????width:?300px; ????????????height:?300px; ????????????border:1px?red?solid; ????????} ????????#div5{float:?left;} ????????#div6{float:?right;} ????????.clearfix{overflow:auto;_height:1%} ????</style> </head> <body> <div?class="clearfix"> ????<div?id="div1">欄目one</div> ????<div?id="div2">欄目two</div> </div> <div?class="clearfix"> ????<div?id="div3">欄目three</div> ????<div?id="div4">欄目four</div> </div> <div?class="clearfix"> ????<div?id="div5">欄目five</div> ????<div?id="div6">欄目six</div> </div> </body> </html>2015-11-29
父元素 給定寬 不夠?qū)挾染蜁o擠下去 另起一行啦
2015-11-29
你想要一個什么樣的效果呢，你有浮動，會到一行是正常的呀。