0

我正在尝试创建一个高度为 100% 的并排 div，我设法让第一个 div 正常工作，但第二个 div 导致问题，过去 3 个小时一直在尝试这样做。

#mainWrapper{
    width: 900px;
    margin:0px auto;
    background:#fff;
}

/*leftColumn */
.leftColumn {
    float:left;
    width:250px;
    height:100%;
    background:#fafafa;
    border-left:solid 1px #dedede;
    position:fixed;
    top:0px;
}

/* Content */
.mainContent {
    float: left;
    width: 650px;
    height:100%;
    background:#fff;
    margin-left:252px;
    padding-bottom: 50px;
}

它应该如何看起来像 http://i49.tinypic.com/ycef7.jpg的示例

目前看起来如何。（尝试了一切不知道如何修复它） http://i49.tinypic.com/2ryk5eo.png

4

2 回答 2

1

与其给两个向左浮动的内部 div 提供显式高度，不如overflow:hidden;在父 div 上使用，例如：

#mainWrapper{
    width: 900px;
    margin:0px auto;
    background:#fff;
    overflow:hidden;
}
于 2012-08-17T19:37:24.933 回答
0

添加

html, body {
    height: 100%;
}

( http://jsfiddle.net/zYWjJ/2/ )

于 2012-08-17T16:05:57.873 回答