未識別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%; 
}