占据container的百分之六十和百分之40

为什么我写的代码没有占据container的百分之60和40，反而是占据整个视图的百分之60和40呢？

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

*{margin: 0;padding: 0;}

.container:{width: 90%;height: 1000px;color: white;margin: 0 auto;}

.left{width: 60%;height: 1000px;background-color: green;float: left;}

.right{width: 40%;height: 1000px;background-color: blue;float: right;}

</style>

</head>

<body>

<div class="left">这是页面的左边</div>

<div class="right">这是页面的右侧</div>

</div>

</body>

</html>

源自：CSS网页布局基础 2-8 经典的两列布局

收起

1回答

好帮手慕星星 2019-10-12 17:37:57

同学你好，

css样式中写container类名的时候，后面多了一个冒号，导致不生效：

修改之后就没有问题了，要细心哦。

祝学习愉快！欢迎采纳~

提问者慕慕3128940 #1

sublime安装什么插件可以检测出错误啊？

2019-10-12 18:27:23
好帮手慕星星回复提问者慕慕3128940 #2

sublime里面的插件不能检查css拼写错误或者语法规范。如果想要检查，可以更换成成vscode编辑器，会自动检查书写问题，有波浪线提示。

2019-10-12 18:41:00