                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

這個三列布局是豎著的!為什么啊

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="utf-8">>

body{margin: 0;padding: 0}

.left{width: 33.33%;height: 500px;float: left；background: #ccc;}

.middle{width: 33.33%;height: 500;float: left;background: #999;}

.right{width: 33.33%;height: 500px;float；rightbackground: pink;}

</style>>

</head>

<body>

</body>

</html>

幕布斯3188914

2016-05-25

源自：如何用CSS進行網頁布局 4-1

關注問題我要回答

1135

操作

收起

5 回答

寶慕林9293779
2016-06-07

你不是漏了個分號嗎？

0 回復有任何疑惑可以回復我~

收起回答

Yuuyu
2016-06-06

第一個塊設置float對應得div脫離了文檔流（normal float）就在最瀏覽器的左邊，第二個設置float：left第二個挨著第一個，最后第三個設置float：right，則對應的塊在瀏覽器的最右邊。如果再定義一個div高度設置比第一行高一些例height：600px，不設置float，則這個div只顯示出100px，因為第一行的三個塊覆蓋了第四個塊的500px高度的內容。第四個塊不設置float相當于占了網頁的第一行只是有三個飄起來的塊把它覆蓋了而已。