自動寬度和溢出div

我正在爲某個項目創建某種網格。網格有一個特殊的要求（這就是我們試圖在室內創建一個的原因），中間的列必須是可滾動的。自動寬度和溢出div

爲了描述情況：我們創建了或多或少的網格：有一個topcontainer div，其中包含3個其他div左邊的中間和右邊的容器。左側容器包含分爲4列的用戶信息。中間div包含x列（取決於經理選擇多少個星期），可以輸入某個員工的小時數的文本框，右邊的div包含總計和平均值的一些列。

要解決我的問題：包含userdata的左列應具有動態寬度，當我使用服務器（asp.net 2.0）中的數據呈現控件時，或者通過javascript添加行時，用戶被選中時，我想留下左容器中的列以在需要時自動調整水平大小，並且topcontainer中出現額外的滾動條（以避免我的div的垂直分離）我想到了第二個topcontainer div具有最大寬度和帶有overflow-x：scroll的topcontainer div，在我的列中加上一個width：auto應該已經完成了這個竅門，但那似乎並不奏效。

任何人都可以把我放在正確的軌道上嗎？我希望我的解釋是可以理解的。無論如何，我添加了一張圖片[圖片] [1] 基本上我想我的左列適應他們的內容的寬度，並水平地堅持在同一水平。

thx。

來源

2009-04-15 DavyR

聽起來像很多列：4 + x +一些！你的意思是說爲他們中的一些行？ – wheresrhys 2009-04-15 16:10:17

偏離主題，但我不會發布我的picasaweb帳戶，導致您的電子郵件地址在任何網站 – IEnumerator 2009-04-15 23:53:38

我是非桌面CSS設計的偉大倡導者，但如果您需要的是桌子，請使用表格。

這裏有一些代碼，我想我已經開始了。

我想設置中間列爲屏幕的百分比，但它不會滾動。它擴大到內表的大小。

我推測您需要將內部表格添加到3列中的每一列以顯示您的內容。

<html> 
<head> 
<style> 
table { 
    width: 100%; 
} 
.left { 
    background: red; 
    width: 100px; 
} 
.right { 
    background: blue; 
    width: 100px; 
} 
.middle { 
    background: green; 
    width: 800px; 
    display: block; 
    overflow: scroll; 
} 
.inner { 
    width: 2000px; 
    height: 100px; 
    background: black; 
    display: block; 
} 
</style> 
<body> 
<table> 
<tr><th class="left">Left</th><th class="middle">Middle Central block<table class="inner">Inner table</table></th><th class="right">Right</th></tr> 
</table> 
</body> 
</html>

來源

2009-04-15 23:26:09

自動寬度和溢出div

回答

相關問題