HTML5 / CSS3边距命令无法识别

时间:2013-11-22 18:48:21

标签: html5

在notepad ++中,从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%;
}

1 个答案:

答案 0 :(得分: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%;
}