初学web前端 ,请大家多多提意见 前几天学的 学写盒子模型
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div style="border: 1px solid red; width: 1000px;margin: 0px auto" > 9 <div style="border: 1px solid red;"> 10 <div style="border: 1px solid red;width: 500px;height: 400px;float: left"></div> 11 <div style="border: 1px solid red;width: 492px;height: 400px;float: right"> 12 <div style="border: 1px solid red;width: 49%;height: 49%"></div> 13 <div style="border: 1px solid red;width: 49%;height: 49%"></div> 14 <div style="clear: both"></div> 15 </div> 16 </div> 17 <div style="border: 1px solid red;"> 18 <div style="border: 1px solid red;height: 200px;width: 30%;float: left"></div> 19 <div style="border: 1px solid red;height: 200px;width: 69%;float: right"></div> 20 </div> 21 </div> 22 </body> 23 </html>
效果图: