gpt4 book ai didi

css - 如何在 css 中制作一个不断增长的列?

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

我正在尝试创建一个网页,但遇到了这个问题。这个想法是在左侧的主栏中显示一篇文章,并在文章下方显示几条评论。在右栏中,我们将展示广告。问题是这样的:我已经证明了几种布局(这是最后一种),但右列总是低于左列(文章和评论)。我怎么能这样做?这个想法是左栏(文章和评论)可以无限增长,甚至可以很短(如果没有人发表评论),但右栏始终保持在右侧。

<body>
<div class="container">
<div class="header">Header menus etc etc</div>
<div id="main-block">
<div id="article-and-comments">
<div class="article-detail">The Article </div>
<div class="comment">1° Comment</div>
<div class="comment">1° Comment</div>
<div class="comment">1° Comment</div>
</div>
<div class="advertising">
Right Column with Ads
</div>
<div class="push"></div> <!-- This is to push the footer to the bottom
</div> <!-- main-block -->
<div class="footer">
Footer
</div>

最佳答案

您需要使 article-and-commentsadvertising 宽度加起来等于 main-block 宽度。

你需要让它们左右 float ..

例子在 http://www.jsfiddle.net/gaby/tBd7L/

关于css - 如何在 css 中制作一个不断增长的列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4070119/

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