两个DIV之间的间距是怎样来的?怎样去掉,让两个盒子紧挨在一起?

问题描述:

图片说明
下面是代码

 <div class="Norway_content">
           <div><h1>挪威</h1></div>
           <div><span class="vote_star"><i style="width:90%"></i></span><span class="vote_number">4.5分</span></div>
          <div>
            <span>最佳季节:5月-9月</span>
            <span>建议游玩:3天</span>
            <span>签证难度:难</span>
          </div>
          <div><p>挪威是北欧国家,位于斯堪的纳维亚半岛西部,东与瑞典接壤,西邻大西洋。海岸线极其蜿蜒曲折...</p></div>
      </div>

设置全局变量,清理掉所有的内外边距就好了
如:body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px;
font-size: 12px; font-weight: normal; }
你这一块如果只需要设置div的话 修改一下就好

*(
margin:0px;
padding:0px;

就ok了,剩下的到时候在设置就好了

{对不起是花括号,不是小括号}

把周围边距去除就好可以用全局变量里面给 margin:0:out

margin:0px和padding:0px;

可以通过css来调试

在浏览器里会有默认的样式,比如margin和padding,在写css的时候需要先把浏览器默认的样式清除,*{margin:0,padding:0},当然默认样式不只是这些,楼主可以自己查询一些资料

*(
margin:0px;
padding:0px;

h1有默认的margin,要去掉



           <div><h1 style="margin:0">挪威</h1></div>