-3


我想使用 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 不是从左 div 的末尾开始，表的末尾不在左 div 之外。表格的宽度应该与 rigth div 相同，但它的宽度与页面宽度相同。
右边的 div 是菜单架，应该是固定宽度（20ex），左边的 div 是我的内容部分，应该填满页面宽度的其余部分。
我无法将固定宽度设置为左 div。
怎么了？

4

2 回答 2

0

尝试这个：

<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-27T12:47:25.373 回答
0

我想你想要的是：

<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>

试试看，告诉我这是否是你想要的

于 2013-08-27T03:05:44.130 回答