如何通過DIV將頁面分割爲多個部分？

-3

我想使用DIV標籤將我的頁面分成兩部分，但輸出不正確。
這是我的代碼：

...
如何通過DIV將頁面分割爲多個部分？

<body> 
    <div style="float:right; width: 20ex;background-color:red;"> 
     my menu content.... 
    </div> 
    <div style="background-color:green;"> 
     <table style="width:100%; border-style:solid;border-width:5px; border-color:yellow;"> 
      <tr><td>some content...</td></tr> 
     </table> 
    </div> 
</body>

格設置不是開始於左格的結束和表到底是出左格的權利。表格的寬度應該與邊距相同，但寬度與頁面寬度相同。
正確的div是菜單的持有者，應該是固定寬度（20ex），左邊的div是我的內容部分，應該填充頁面寬度的其餘部分。
我無法將固定寬度設置爲左側div。
有什麼不對？

來源

2013-08-27 Mahmood Amini

您指定寬度：100％;,和正確的div只有20px – Cruncher

這個問題需要一些更多的信息才能被回答。你想設置一個固定寬度的元素，以及它們應該是哪些元素？每個元素的寬度應該是多少？ –

正確的div是菜單持有人，應該是固定的寬度，左邊的div是我的內容部分，並應填寫頁面寬度的其餘部分 –

我想你想要的是：

<body> 
    <div style="float:right; width: 20ex;background-color:red;inline;width:50%;"> 
     my menu content.... 
    </div> 
    <div style="float:right; background-color:green;display:inline;width:50%;"> 
     <table style="width:100%; border-style:solid;border-width:5px; border-color:yellow;"> 
     <tr><td>some content...</td></tr> 
     </table> 
    </div> 
</body>

try it如果告訴我，這就是你想要

來源

2013-08-27 03:05:44

試試這個什麼：

<body> 
    <div style="float:right; width: 100px;background-color:red;"> 
     my menu content.... 
    </div> 
    <div style="background-color:green;"> 
     <table style="margin-right:105px; border-style:solid; border-width:5px; border-color:yellow;"> 
      <tr><td>some content...</td></tr> 
     </table> 
    </div> 
</body>

來源

2013-08-27 12:47:25

如何通過DIV將頁面分割爲多個部分？

回答

相關問題