如何将某个东西直接放在另一个东西的右边（HTML/CSS）？

基本上我有一个带有“主内容”块的HTML页面，如果你愿意的话。该页面的所有主要内容都放在我的div中。我想要的是在右边有一个包含更多内容的专栏，但无论我尝试做什么，它总是会在它下面或某个随机的地方结束。这是我的页面代码，如果有人能帮我看完，那就太棒了

HTML: CSS:

---

谢谢。

你可能很接近。。。将新的div直接放在

#pagecontent

之后，向右浮动，然后向左浮动

#pagecontent

div，将允许它们并排坐在一起

请注意，下一个内容（例如页脚）需要正确清除，这样它就不会与浮动的div重叠。

这里有一个小问题：

• 新部门
• 两列都以固定宽度浮动（此处为700+20+240像素）
• 最后一个CSS规则是存在的，因为父对象只有浮动的子对象，因此流中没有更多的内容来向下推背景

---

我认为这应该有效：

<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>

这一页的标题在上面的灰色框中。这是主页，你可以把任何东西放在这里（你网站的主要内容）
它有一些简洁的功能，并解释了你的网站是关于什么的（请点击这里）



内容，内容，还有更多的内容



尽量让它填满尽可能多的空间，使页面更长。不要把它装满无用的垃圾，随便什么都行
你可以认为这将有利于网页。
有些事情

---

我还没有尝试过，但是将

主内容字体设置为span将不会添加换行符，因此
无论什么span都将放置在其右侧。
我个人会转而使用HTML5标记。如果我要做这样的事情，我会按照这一行使用代码（未经测试）：

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

希望这对您有所帮助。
新列必须放在
的右侧？是的，这正是我想要的，但是float:right；当我试着这样做的时候，它不起作用，我不知道我还能做什么。太棒了，谢谢。然而，这并不完全是我的意思。我的意思是像一个完全位于页面内容右侧的单独的盒子，而不是在里面。你能告诉我怎么做吗？我想
。主要内容font
是你的左栏。如果不是，请找出哪个块应该是左边的列，然后在HTML代码中的右边添加#。注意哪个id或类有它们的公共父级。在CSS中，在此父对象上添加一个宽度，
float:left两列并在每列上添加宽度（宽度+填充+边框的总和应该等于父级的宽度。960px是一个常见值，但这只是一个示例……或者使用
框大小：border box
…并仔细解释，在这两种情况下，需要采取什么步骤才能使IE8和IE7在IE上工作，不要使用HTML5或CSS3。只需使用一个框，即两个框的宽度组合内部框。在两个内部框上设置
float:left
。如果两个内部框的组合宽度大于外部框，它们将不会并排放置。您可能必须在外部框上设置
overflow:auto
，以使其不会折叠。此外，不要对此类内容使用ID。请使用类。
    <div id="wrapper"> #wrap both sections in a container
        <section id="left">Left Section</section>
        <section id="right">Right Section</section>
    </div>

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