Css Wordpress主题：如何让侧边栏位于主要内容旁边

我很难找到一条路去。我能做什么？我想我不知道如何编辑我的内容宽度。我试图更改侧边栏的边距，但这只会将侧边栏放在我的内容上方。我希望他们就在一起

/*
Theme Name: Wordpress Test
Author: Linh Nguyen
Author URI: *mylink*
Version: 1.0
*/

body {
    font-family: 'Cardo', serif;
    font-size: 13px;
    color: #3d3d3d;
}

a:link,
a:visited {
    color: black;
    text-decoration: none;
}

p {
    line-height:13px;
}

h1, h2 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

h5 {
   font-size: 0;
   text-indent: -1000px; }


/* General Layout */
div.container {
    max-width: 950px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

#header {
    background: url(http://localhost:8888/wordpress/wp-content/uploads/2015/07/header-e1437695892390.jpg) 
  no-repeat top center; }
#headerimg  {
    margin-top: 0px; 
    padding-bottom: 20px;
    height: 130px; 
    width: 500px; }

#sidebar {
    float: left;
}

---

有不同的方式，其中一种可以如下所示：

#content {
  float: left;
  width: 75%;    
}
#sidebar {
  float: right;
  width: 25%;   
}

---

请参见此处的示例：

有不同的方式，其中一种方式可以如下所示：

#content {
  float: left;
  width: 75%;    
}
#sidebar {
  float: right;
  width: 25%;   
}

---

请参见此处的示例：

您遇到了几个问题：

您需要将两个div浮动到左侧

由于container div上的填充，您不能为它们指定100%的总宽度

.container {
  float: left;
  width: 75%;
}
.sidebar {
  float: left;
  width: 20%;
}

类“侧栏”应应用于包装器div，而不是UL：

<div class="sidebar">
  <ul>
    ...sidebar content
  </ul>
</div>

…侧边栏内容

并且您的边栏div不能嵌套在类容器中

<div class="content">
  Main Content
</div>
<div class="sidebar">
  Sidebar content
</div>

主要内容
边栏内容

---

您有几个问题：

您需要将两个div浮动到左侧

由于container div上的填充，您不能为它们指定100%的总宽度

.container {
  float: left;
  width: 75%;
}
.sidebar {
  float: left;
  width: 20%;
}

类“侧栏”应应用于包装器div，而不是UL：

<div class="sidebar">
  <ul>
    ...sidebar content
  </ul>
</div>

…侧边栏内容

并且您的边栏div不能嵌套在类容器中

<div class="content">
  Main Content
</div>
<div class="sidebar">
  Sidebar content
</div>

主要内容
边栏内容

---

一种方法是将边栏

ul

移动到容器

div

外部。请参见此处了解基本信息：在谷歌上搜索“如何并排显示两个元素或div”，其中一种方法是将边栏

ul

移动到容器的外部

div

。请参见此处了解基本信息：在谷歌上搜索“如何并排显示两个元素或div”