未识别HTML5/CSS3裕量命令

Question

在记事本++中，从margin-top开始的margin命令不会被识别为关键字。这意味着在我的网站中，即使代码是正确的，它也不会将顶部边距或填充设置为所需的大小。上边栏和下边栏都有同样的想法。请帮忙！！

.top-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2% 
    margin-top: 2% 
    margin: 2% 0 2% 3% 
    padding: 2% 3% 
} 

.bottom-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2% 
    margin-top: 2% 
    margin: 2% 0 2% 3% 
    padding: 2% 3%; 
} 

Answer 1

您有一些语法错误，这就是为什么它不能识别您的保证金属性。请记住使用;。

试试这个：

.top-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2%; 
    margin-top: 2%; 
    margin: 2% 0 2% 3%; 
    padding: 2% 3%; 
} 

.bottom-sidebar { 
    width: 21%; 
    float: left; 
    background-color: #FFFFFF; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    margin-left: 3%; 
    margin-bottom: 2%; 
    margin-top: 2% ; 
    margin: 2% 0 2% 3%; 
    padding: 2% 3%; 
}