日期:2014-05-17  浏览次数:20577 次

请教一个问题关于css的
HTML code

<body>
    <div class="pages" style="width:70%; margin-left:auto; margin-right:auto; position:relative">
   
   <div id=head style="margin-top:20px; width:auto; margin-bottom:0px">
            <div id=title style="margin-top:0px;width:100%; height:300px; background-color:#399; background-image:url(../../images/20085280814924_3.jpg)"> </div>
            <div id=menu style=" margin-top:0px; height:2px; background-color:#F00">
            <p style="text-align:right">联系电话:0755-xxxxxxxx</p>
            <p>联系我们</p>
            </div>
   </div>

        <div id="mains" style="margin-top:0px; position:relative">
          
            <div id="footer" style="margin-top:0px; position:relative">
            Copyright 
All Rights Reserved.
     </div>



我想要的效果是 头部下边紧挨着是一段文本,文本的下边也是紧挨着的div mains 但是世界出现的界面不是这个样子, 好郁闷 ,不是说style="margin-top:0px; position:relative" position:relative是相对定位吗?, 我的意思也就是说相对于上一个我top 0但是实际出来的效果很郁闷
   
  </div>

------解决方案--------------------
整理下你的代码。。或者截个想要的效果图
------解决方案--------------------
你的css有没有reset??