jquery - 带有 CSS 的全高列？

Question

我正在尝试设计一个一直“拆分”为两种颜色的页面（左侧为绿色，右侧为蓝色）。在每个部分中，我都想写一列。第一个问题是颜色不会填满整个页面。第二个问题是，当我调整页面大小时，水平滚动条不会出现。

我究竟做错了什么？或者你有更好的方法来达到这个效果吗？

如果这对 CSS 很复杂，我不介意 jquery 解决方案。谢谢！

score 3 · Accepted Answer

你#container没有职位，所以它的孩子不知道该填补谁（的鞋子）......

尝试添加到#container：

#container {
  position:absolute;
  height:100%;width:100%;
  left:0;top:0;
}

对于第二个问题，更改overflow:hidden为overflow:auto;要水平滚动的容器。

从您的评论更新 尝试添加

BODY {
  overflow-y:auto;
}

到你body的 css

score 1 · Accepted Answer

尝试像这样更改下面的 CSS：

#public {
position: absolute;
width:100%;
height:100%;
color:#fff;
}
#public #container {
height:100%;
}

此外，overflow:hidden 会阻止滚动条出现。

score 0 · Accepted Answer

0

给一个位置：绝对到左div；

于 2012-10-13T17:38:57.393 回答

3 回答 3