100％的高度和宽度，CSS和动态内容
|
我环顾四周，还没有找到我想要的东西，所以希望这个问题尚未在其他地方得到解答！
无论如何，可以在这里找到有问题的布局。我要实现的是固定宽度的左列和流体宽度内容区域。在大多数情况下，它工作正常。但是，当内容扩展到浏览器窗口的高度或宽度之外时，这些部分似乎并没有我想要的那样扩展。请注意，顶部的灰色条如何不到达页面内容的右侧，并且左列的高度也不到达页面内容的底部。
我是否认为这是因为通过CSS将某些内容设置为100％高度或100％宽度是静态的事实是否正确？即保存了调用CSS时浏览器窗口的高度/宽度是多少？
如果是这种情况，也许我需要研究设置元素高度和宽度的其他方法。有任何想法吗？另外，请注意，页面中的虚拟内容目前只是图像。我想模糊名称等以保持数据私有。
感谢您所有的帮助！！！
没有找到相关结果
已邀请:
2 个回复
械怒等
<div id=\"wrapper\"> <div id=\"left\">left</div> <div id=\"right\"> <div id=\"content\"> <div id=\"top\">top</div> content </div> </div> </div>/* clearfix */ #wrapper:after, #right:after { content: \".\"; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } #wrapper, #right { display: inline-block; } #wrapper, #right { display: block; -height: 1px; } /* end clearfix */ #wrapper { background-color: #000000; } #left { float: left; width: 300px; color: #FFF; } #right { margin-left: 300px; } #top { height: 100px; background-color: #DEDEDE; border-bottom: 1px solid #B8B8B8; } #content { background-color: #F4EBEB; height: 600px; width: 1200px; }到街客核
<div id=\"wrapper\" class=\"sidebar-right\"> <div id=\"maincontent\"> #content </div> <div id=\"sidebar-right\"> #sidebar content </div> </div>#wrapper.sidebar-right{ background: white url(\'images/bg.png\'); background-repeat: repeat-y; /*repeats down the length of the page*/ background-position: 680px 0px; /*moves it into place*/ }