gpt4 book ai didi

css - 中间div占用剩余空间?

转载 作者:行者123 更新时间:2023-11-28 14:52:08 24 4
gpt4 key购买 nike

我有三个 div

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

我想做的是:

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

我该怎么做?

最佳答案

您可能想要使用链接的内容

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>

关于css - 中间div占用剩余空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4414685/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com