表100內格 - 擴展到屏幕寬度，而不是div的

讓我們來看看這個佈局：表100內格 - 擴展到屏幕寬度，而不是div的

<div style="float: left"> 
content1 
</div> 
<div style="float: left"> 
<table width="100%"><tr><td>dfsd</td></tr></table> 
</div>

則將發生以下情況：表進入新的生產線，並將於一樣寬屏幕。但它應該保持在前一個div旁邊，並且與第二個div一樣寬。如何解決此問題？編輯：左列固定爲200px寬。第二列應爲100％

來源

2013-03-30 user1929946

給你的DIV一些寬度......是這樣的：

<div style="float: left; width: 25%;"> 
    content1 
</div> 
<div style="float: left; width: 75%;"> 
    <table width="100%"><tr><td>dfsd</td></tr></table> 
</div>

來源

2013-03-30 15:58:27 Vassilis

肯定的，但離開內容是固定的，不能設置百分比值 – user1929946

默認情況下，<div>旨意被設置爲CSS width: 100%;（欄默認邊距/填充），您需要手動更改它。

當沒有空間來適應其他元素時，向左浮動不會執行任何操作。

來源

2013-03-30 15:58:35 Xenolithic

我認爲你的意思是第二列應該是頁面其餘部分的100％，對嗎？

不過，這取決於你想要達到的目標。您可以創建一個圍繞表，如果你的內容是有道理的：

<table class="table_surround"> 
    <tr> 
     <td class="col1">content 1</td> 
     <td>(table here)</td> 
    </tr> 
</table> 

.table_surround { width:100%; } 
.col1 { width:200px; }

或者你可以使用絕對定位：

<div style="position:absolute; left:0; width:200px;" >content 1</div> 
<div style="position:absolute; left:200px; right:0;" >table here</div>

這裏的另一個很好的選擇： Expand a div to take the remaining width

來源

2013-06-21 21:11:22 KevJ

表100內格 - 擴展到屏幕寬度，而不是div的

回答

相關問題