当前位置：文江博客话题详情

中间 Div 未在行中完全展开，包括图片

发布于 2024-08-27 16:38:20 字数 256 浏览 5 评论 0原文

中间 Div 出现问题，无法扩展到宽度 http://acs.graphicsmayhem.com/images /middiv.jpg

好吧，我怎样才能让中间的div扩展到整个？我已经在这个问题上苦苦挣扎了好几个小时了。请问有人可以帮助我吗？我不会使用表格，我知道这必须是可能的。

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

遗弃Ｍ 2024-09-03 16:38:20

设置左右边距等于左右浮动 div + 之间需要的 5px 间隙。

那就是：

margin:0 205px;

并且不要浮动 mid div。将右浮动 div 放在左浮动前面，将中间 div 放在 html 的最后（消除 IE6 错误）。

Set a left and right margin equal to the left and right floated div + thos 5px gap you need in between.

That would be:

margin:0 205px;

and do not float the mid div. Place the right floated div in front of left floated, and the mid div as last in html (eliminates IE6 bug).

回复收藏 0 原文

蓝礼 2024-09-03 16:38:20

关于简单、理想、直观的三栏布局已经写了很多文章。这个非常好，我发现它相对容易修改，我使用过它两次：http://matthewjamestaylor.com/blog/perfect-3-column.htm

回复收藏 0 原文

假情假意假温柔 2024-09-03 16:38:20

这应该可行：

width: 100%;
margin-left: 205px;
margin-right: 205px;

那么你也不需要浮动在该 div 上。

That ought to work:

width: 100%;
margin-left: 205px;
margin-right: 205px;

You also won't need floating on that div, then.

回复收藏 0 原文

作死小能手 2024-09-03 16:38:20

不知道为什么你要浮动顶部 div。假设：

<div id="container">
  <div id="header">...</div>
  <div id="content">
    <div id="left">...</div>
    <div id="main">...</div>
    <div id="right">...</div>
  </div>
</div>

十：

#container { margin: 0 auto; /* fixed or floating width */ }
#header { margin: 5px; }
#container { overflow: auto; margin: 5px; }
#left { float: left; width: 200px; }
#right { float: right; width: 200px; }
#content { margin: 0 205px; }

Not sure why you're floating the top div. Assuming:

<div id="container">
  <div id="header">...</div>
  <div id="content">
    <div id="left">...</div>
    <div id="main">...</div>
    <div id="right">...</div>
  </div>
</div>

ten:

#container { margin: 0 auto; /* fixed or floating width */ }
#header { margin: 5px; }
#container { overflow: auto; margin: 5px; }
#left { float: left; width: 200px; }
#right { float: right; width: 200px; }
#content { margin: 0 205px; }

回复收藏 0 原文

~没有更多了~