展开全部
把代码改32313133353236313431303231363533e58685e5aeb931333332636330一下:
无标题文档.html 文件代码如下:html>
五个div围成一个正方形
1
2
3
4
5
fiveDic.css 文件代码如下:#out_div{
height: 300px;
width: 300px;
border: 1px solid blue;
}
.divall{
float: left;
text-align: center;
}
#div1{
width: 100px;
height: 200px;
background: #FF3;
}
#div3{
width: 100px;
height: 100px;
background: red;
}
#div4{
width: 100px;
height: 200px;
background: #FF3;
float: right; /* 把#div4改为float:right; */
}
#div2, #div5 {
width: 200px;
height: 100px;
background: #F90;
}
另一个土办法是用定位 abusolute 或者 relative