Heim > Web-Frontend > HTML-Tutorial > 请教一个问题关于css的_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:10:53
Original
1010 Leute haben es durchsucht

<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>
Nach dem Login kopieren


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


回复讨论(解决方案)

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

你的css有没有reset??

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

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

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

    这里是中间部分

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




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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage