在另一个div下划分而不打算

时间:2014-02-10 15:12:34

标签: html css wordpress

我正在构建一个wordpress主题,而且我被困在某事上。

我在这方面有一个div:

#sidediv{
    width: 20%;
    height: 71%;
    float: left;
    overflow: hidden;
    background-color: #000;
}

在sidesiv之后使用这些样式的“content”div

#main{
    background-color: #a70202;
    color: #FFF;
    min-height: 71%;
    padding: 10px;
}

问题是#main div部分位于#sidediv下方。 内容紧挨着它,但填充不适用,如果背景颜色从#sidediv中移除,则#main的背景颜色显示在

下面

这是我正在处理http://vba.durfoptevallen.nl/

的网站

1 个答案:

答案 0 :(得分:1)

试试这个:

#main{
  background-color: #a70202;
  color: #FFF;
  min-height: 71%;
  padding: 10px;
  float:left;
  width: 80%;
}

添加了float:leftwidth: 80%;

在该网址上,您还有另一个问题:

http://vba.durfoptevallen.nl/wp-content/themes/Vastgoedbeleggingen_Theme/js/small-menu.js?ver=20120206未加载(404)