Css - Div在页面顶部产生空白区域

时间:2010-10-18 18:21:04

标签: css html

我已经将罪魁祸首缩小到第27-33行中的SPAN或DIV但是不能得到它...如果我移除使得字体低于印刷机静音的跨度,它会修复间距问题页面顶部,但使文本方式为大

u.neighborrow.com/items/indexb

<div id="slide_one" class="bg"><!--slide #1-->

<div class="slide-content">

   <div class="nhome">
       <div style="margin-top:22px;color:#000;font-size:30px;margin-left:200px;width:408px">
The cheaper, greener, easier, better way to have stuff.
            <span style="font-size: 13px; position: relative; top: -2px"> <br /></span>

            <?php echo $form->create('Item', array('controller' => 'items', 'action' => 'recent/2')); ?>


            <div class="input text required">
                <label for="ItemItem"></label><input type="text" id="ItemItem" value="" maxlength="255" style="font-size: 25px; width: 200px; margin: 5px 0pt;" name="data[Item][item]">
                <input type="submit" value="Search" style="font-size: 22px" />
            </div>


            <?php echo $form->end(); ?>
           <div style="font-size: 13px; position: relative; top: -2px; line-height: 1.4em;"> <strong>Search Tips:</strong> Need a camera or a book for a trip? Want to try an iPAD before you buy it? Need a tool for a project or a tent for an event?  <br />
       Borrow these things from your neighbors, The <i>owner</i>-ship has SAILED!</div>

    <span style="font-weight:normal;color:#ccc;font-size:14px;line-height:20px">Still not sure what to borrow? <br />
    Browse the borrowables or  <br />
    Lend something safely and securely<br />
            </span>

<div>
 <div style="padding:5px;text-align:center"><img src="/images/press_wide.jpg"></div>
    <span style="font-weight:normal;color:#ccc;font-size:14px;line-height:20px">  The media <a href="http://facebook.com/neighborrow">adores us</a>,  our users <a href="/pages/about">love us,</a>our friends <i>like us</i>,
            <center><iframe src="http://www.facebook.com/plugins/like.php?href=www.neighborrow.com&amp;layout=standard&amp;show_faces=false&amp;width=350&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height: 30px; text-align: center;margin-top:0px;"></iframe></center>
            (oh yeah, and mother earth has a crush on us:)</div></span>         


    <hr color="#CCC" />



</div>
</div>
                    </div>     
                    </div>


</div>

我知道我需要摆脱内联样式:)

2 个答案:

答案 0 :(得分:2)

获得了一些疯狂的利润:

<div class="main-content" style="margin-top:200px">

答案 1 :(得分:1)

它在div class =“main content”style =“margin-top:200px”&gt;它似乎在第325行内联