                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

这个三列布局是竖着的!为什么啊

<!DOCTYPE html>

<html>

<head>

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

关注问题我要回答

1102

操作

收起

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相当于占了网页的第一行只是有三个飘起来的块把它覆盖了而已。