Question

我有三个div s，

divl : 7px width
divr: 7px width
divm: unknown

我想做的是：

在divl父

div

divr位于父div的最右侧。

divm

div并跨越剩余的空间。

我该怎么做？

Answer 1

可能你会想要使用链接的内容

Blockquote http://matthewjamestaylor.com/blog/perfect-3-column.htm

或查看http://www.webreference.com/authoring/style/sheets/css_mastery2/index.html（以及后续页面）我想出了以下内容，但你可能最终会对左边和中间div的内容重叠（你可以尝试将z-index添加到中间div，这可能会有所帮助。）

   <html> 
    <style type="text/css">
      #divl { width: 7px; float: left; height: 100px; }
      #divm { width: 100%; height: 100px; margin: 0 -7px; float: left; }
      #divr { width: 7px; height: 100px; float: left; }
    </style>
      <body>
        <div id="divl"></div>
        <div id="divm"></div>
        <div id="divr"></div>
      </body>
    </html>

中间div占用剩余空间？

1 个答案: