中层div占用剩余空间？

Question

我有三个div

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

我想做的是：

在父div的最左侧有divl ，
divr位于父div的最右侧。
在这两个div之间divm并跨越剩余空间。

我怎样才能做到这一点？

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 个解决方案

解决方案1
0 已采纳 2010-12-11 01:59:28

中层div占用剩余空间？

问题描述

1 个解决方案

解决方案1 0 已采纳 2010-12-11 01:59:28

解决方案1
0 已采纳 2010-12-11 01:59:28