html怎么用五个div做正方形_html实现5个div围成一个正方形，最后一个不能正常排列...

展开全部

把代码改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