Question

我目前有这样的设置：

-------------
|nav| data  |
|nav| data  |
|nav| data  |
|nav|       |
-------------

（nav =导航; - ，| =页面轮廓）

当我将浏览器窗口缩小时，我希望它看起来像这样：

-----------
|nav|  dat|
|nav|  dat|      
|nav|  dat|
|nav|scrol|      
-----------

（scrol =滚动条）但我得到的是：

----------      OR      -----------
|nav| dat|a             |nav|
|nav| dat|a             |nav|
|nav| dat|a             |  data |
|nav| dat|a             |  data |
----------              -----------

我的数据内容不在我的页面范围内。

我只想在“数据”div中使用滚动条

我尝试过各种各样的东西，包括浮点数，表格，溢出，位置...... 我目前的代码：

<div >
     <div id="PlaceHolder" runat="server"  style='float:left;width:200px;'>

     </div>
     <div id="facet_results" style="float:left;width:900px;" >
          <table ID="tblResults">
          <table>
     </div>
</div>

这没关系，但当我的页面宽度低于1100px时，'results'div最终会低于'placeholder'div

任何人都可以帮忙吗？感谢

Answer 1

这就是你想要的：

<html>
<head>
    <style>
        body { margin: 0px; }
        #nav {
            position: absolute;
            left: 0; top: 0;
            background: #ffffaa;
            width: 200px;
        }
        #body {
            margin-left: 200px;
            background: #aaffaa;
            overflow-x: scroll;
        }
        #inside_body {
            width:900px;
        }
    </style>
</head>
<body>
    <div id="nav">
        Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some
        Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some
    </div>
    <div id="body">
        <div id="inside_body">
            Some Text Some Text Some Text Some Text Some Text Some Text Some
            Some Text Some Text Some Text Some Text Some Text Some Text Some
        </div>
    </div>
</body>
</html>

Answer 2

我认为这可能会帮助你：http://cameronmoll.com/archives/000892.html

虽然它不是最具描述性的东西，但至少有一个指向使用该黑客的页面的链接http://tuscany.cssmastery.com/

编辑2：http://jsfiddle.net/CV8kv/简化并指定一些以满足您的需求。

编辑：也许我误解了你的例子。

您希望在浏览器窗口缩小时更改内容区域宽度吗？

如果没有，请查看http://jsfiddle.net/jzzgu/

这里的要点是你将元素包装在元素中（在本例中为<div id="wrap">），然后给出该元素宽度，即网站#wrap { 600px; }的主要宽度，当你把东西放入其中时。浏览器会将其视为..它是什么..当你有更大或更小的眉窗时，内部的东西不受影响。

当页面调整大小时，如何将2个div相邻并且只有1个滚动？

2 个答案: