首页 >web前端 >html教程 >请教一个问题关于css的_html/css_WEB-ITnose

请教一个问题关于css的_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:10:53990浏览

<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但是实际出来的效果很郁闷
        
  


回复讨论(解决方案)

整理下你的代码。。或者截个想要的效果图

你的css有没有reset??

非常对。
整理下你的代码。。或者截个想要的效果图

写css之前,使用 DTD,有必要的话 reset css

......................
      这是头部
......................
 

    这里是中间部分

头和中间部分是紧挨着的
......................
中间和脚也是紧挨着的
       这里是脚
......................




现在出现的问题是,那段css代码 放上去之后头和中间部分 有一部分空白,
脚有时候跑到了中间,,,

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn