html - 如何让我的侧边栏移动到侧边 CSS HTML

Question

我是 CSS 新手？HTML 并试图让我的侧边栏移到一边，但它不起作用。我将我的 html 网站设置为三个 div 区域。一个“侧边栏”区域、一个“主要内容”区域和一个“内容”是要显示侧边栏和主要内容的地方。

这是我的 CSS 代码...

#content{ 
padding:10px; 
background-color: #eee; 
-moz-border-radius: 15px;
border-radius: 15px;
width: 900px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 150px;
}


#mainContent{
float: left;
display: block; 
width: 230 px; 
margin: 0; 
padding: 0 15px; 
background:#9c9;
}

#sidebar{
float: right;
display: block;  
margin: 0; 
padding: 0 10px;
width: 250px; 
border-left: 2px solid black;
}

这并没有给我我想要的。年龄是这样的：

我希望侧边栏（当前位于下方）出现在绿色区域的一侧。

Answer 1

你在#mainContent课堂上有一个空间。去掉它：

#mainContent{
float: left;
display: block; 
width: 230px; 
margin: 0; 
padding: 0 15px; 
background:#9c9;
}

CSS 不喜欢数值和单位之间的空格。