width:33.33%。三個用25%,50%,25%不能占滿窗口
比如我把div設置成border:1px solid red;
.left .middle .right分別設置成width:25%,weidth:50%,width:25%
按照視頻中的樣式來寫:
<html> <head> <style?type="text/css"> div?{text-align:center;font-size:30px;?border:1px?solid?red;} .left?{width:25%;height:200px;?float:left;} .middle?{width:50%;?height:200px;?float:left;} .right?{width:25%;?height:200px;?float:right;} </style> </head> <body> <div?class="left">left</div> <div?class="middle">middle</div> <div?class="right">right</div> </body> </html>
最后打開卻是這樣的?分別設置三個的總和不能占滿整個窗口嗎?
2016-07-17
1,加上body{margin:0;padding:0;}
2,border:1px?solid?red;? 這個要去掉,他也有占空間,可以使用背景顏色來觀看效果