2

基本上我所拥有的是一个带有“主要内容”块的 HTML 页面，如果你愿意的话。该页面的所有主要内容都在我拥有的 div 中。我想要的是在它的右侧有一个包含更多内容的列，但无论我尝试做什么，它总是最终会在它下方或某个随机位置。这是我页面的代码，如果有人可以帮助指导我完成它，那就太棒了。

HTML：http://pastebin.com/Hh2TNGdj CSS： http: //pastebin.com/ZCEJkFmH

谢谢。

4

4 回答 4

1

您可能已经接近了... 直接放入新的 div #pagecontent，然后将其向右浮动，然后将#pagecontentdiv 向左浮动，将允许他们并排坐下。

请注意，下一个内容（例如页脚）需要正确清除，以免与浮动 div 重叠。

于 2012-05-09T22:30:12.700 回答
1

我个人会改用 HTML5 标签。如果我要做这样的事情，我会沿着这条线使用代码（未经测试）：

    <div id="wrapper"> #wrap both sections in a container
        <section id="left">Left Section</section>
        <section id="right">Right Section</section>
    </div>

对于 CSS，您可以执行以下操作：

    #wrapper {
        width: 1000px;
        height: auto;
    }
    #left {
         width: 500px;
         height: auto;
         float: left;
     }
    #right {
          width: 500px;
          height: auto;
          float: left;
     }

一些重要的事情要记住。如果添加填充，请从宽度中减去（如果填充在左右两侧，则减去填充 x2）。在你的页脚上写清楚：两者。

希望这可以帮助你。

于 2012-05-09T22:35:40.390 回答
0

这是一个小提琴：http: //jsfiddle.net/n6D7U/

  • 新的 div #aside,
  • 两列都以固定宽度浮动（此处为 700+20+240 像素），
  • 最后一个 CSS 规则在那里，因为父级只有浮动的子级，因此流中没有更多的内容来推动背景......
于 2012-05-09T22:30:37.160 回答
0

我认为这应该有效：

<div style="padding:20px;">
        <div id="pagecontent">
                <span class="main-content-font">
                            The title of this page goes in the gray box above. This is the homepage, you can put <u>anything</u> here  (the main content of your website
                            which has some neat features and explains what your site is about should go here)!<br />
                            <br>
                            Content, content, and more content!<br />
                            <br>
                            Try to make it fill up as much space as possible, making the page longer. Don't fill it with useless junk, just anything
                            you can think of that will benefit the page.
               </span> 
               <span class="whatever">
                    some things
               </span>
        </div>
</div>

我没试过，但是做main-content-font一个 span 不会添加换行符，所以whateverspan 会放在它的右边。

于 2012-05-09T22:35:07.893 回答