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

三列布局这段代码有错吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

body{margin:0;padding:0;}

.left{width=33.33%;height=600px;background:#F93;float:left;}

.middle{width:33.33%;height=600px;background:#0F9;float:left;}

.right{width:33.33%;height=600px;background:#936:float:right;}

</style>

</head>

<body>

</body>

</html>

请问下这段代码有错嘛？为什么显示不出效果

Young85

2016-12-23

源自：如何用CSS进行网页布局 4-1

关注问题我要回答

535

操作

收起

1 回答

莫道相思尽回答被采纳 +3 积分
2016-12-23

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

body{margin:0;padding:0;}

.left{width:33.33%;height:600px;background:#F93;float:left;}

.middle{width:33.33%;height:600px;background:#0F9;float:left;}

.right{width:33.33%;height:600px;background:#936;float:right;}

</style>

</head>

<body>

</body>

</html>

1.在css中样式名:样式值; 注意用英文半月下的冒号；在html中直接写样式才用等于号；

2.注意用两个样式之间用冒号，不用用分号；right那里有问题

3.出现用提使用浏览器调试；查元素，建议火狐

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

收起回答

Young85 提问者

好的，谢谢了，确实是.right那里出错误了，分号写成了冒号，不过我用DW查错没查出来，后来看了好久才发现，DW里面分号和冒号很难看出来

2016-12-23 回复有任何疑惑可以回复我~

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

三列布局这段代码有错吗？

我要回答关注问题

热搜

最近搜索清空

三列布局这段代码有错吗？

1 回答

三列布局这段代码有错吗？