Question

我试图仅使用html创建一个页面，因为我是html的新手，我试过的是

<div id="container" style="width:400px">    
    <div id="header" style="background-color:#0000;">
        <h1 style="margin-bottom:0;">Box Office</h1>
    </div>

    <div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
        <p>   
            <a href="http://www.imdb.com/title/tt1170358/?ref_=hm_cht_t1" target="_blank" >1.   The Hobbit: The Desolation of Smaug    $31.5M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt1229340/?ref_=hm_cht_t2" target="_blank" >2.   Anchorman 2: The Legend Continues      $26.8M </a> 
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt2294629/?ref_=hm_cht_t3" target="_blank" >3.   Frozen  $19.6M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt1800241/?ref_=hm_cht_t4" target="_blank" >4.   American Hustle $19.1M </a>
        </p>
        <p>
            <a href="http://www.imdb.com/title/tt2140373/?ref_=hm_cht_t5" target="_blank" >5.   Saving Mr. Banks    $9.34M </a>
        </p>
    </div>

哪个是这样的

enter image description here

现在我想在同一个流程中开始我的下一个阶段，但是我想从这个块之后的空白区域开始，就像在景观流程中一样，我需要做什么，以便我的下一部分将在它之后开始，我不要我不想将新行用于我想要输入的下一件事

需要的输出

enter image description here

现在我希望当我开始我的新块时，它应该从第一个块之后开始，就像它从我写“我现在想要这个”的地方开始“

Answer 1

this会解决您的问题吗？你是想在景观中并排浮动2个容器div吗？

<div id="container" style="width:400px">
    <div id="header" style="background-color:#0000;">
         <h1 style="margin-bottom:0;">Box Office</h1>

    </div>
    <div id="content" style="background-color:#EEEEEE;height:200px;width:600px;float:left;">
        <div style='width: 50%;display:inline-block;float:left;'>
            <p> <a href="http://www.imdb.com/title/tt1170358/?ref_=hm_cht_t1" target="_blank">1.   The Hobbit: The Desolation of Smaug    $31.5M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt1229340/?ref_=hm_cht_t2" target="_blank">2.   Anchorman 2: The Legend Continues      $26.8M </a> 
            </p>
            <p> <a href="http://www.imdb.com/title/tt2294629/?ref_=hm_cht_t3" target="_blank">3.   Frozen  $19.6M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt1800241/?ref_=hm_cht_t4" target="_blank">4.   American Hustle $19.1M </a>

            </p>
            <p> <a href="http://www.imdb.com/title/tt2140373/?ref_=hm_cht_t5" target="_blank">5.   Saving Mr. Banks    $9.34M </a>

            </p>
        </div>
        <div style='width: 50%;
    display:inline-block;
    float:left;background:#ddd;height:100%; '>
            <h2>Now I want this</h2>
        </div>
    </div>

在同一行（空白区域）中添加下一个段落/图片而不是从新行添加

1 个答案: