问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

header上方的空隙

头像
浴火小青春
    65732129
    html5css前端
    阅读 7.1k
    8 个回答
    得票最新
    头像
    lizzz_led
      67913
      ✓ 已被采纳
      头像
      H0WARD
        1671

        < p >有和body都有margin:

        Typical default display properties
        p {
        display: block;
        margin-before: 1em;
        margin-after: 1em;
        margin-start: 0;
        margin-end: 0; }

        https://github.com/necolas/normalize.css/blob/master/normalize.css#L15

        /**
 * Remove default margin.
 */

body {
  margin: 0;
}

        其实直接用normalize.css这类的lib去方便做跨浏览器的开发比较好：

        <head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" rel="stylesheet" type="text/css">
</head>
        头像
        小奶桶
          99821019
          头像
          难忘的奋斗岁月
            5
            新手上路，请多包涵

            body或者header标签的padding和margin属性值设置为0

            头像
            没有星的夜空
              631219

              margin-top: 0px;

              头像
              imzhongshan
                5925

                哈哈，浏览器会有默认的margin.

                头像
                浴火小青春
                  65732129

                  谢谢各位，根据以上各位的答案，总结了下：

                  1. 虽然对body元素设置了margin：0px;padding：0px;但是margin属性是不可继承的，所以还是不行

                  2. p元素有默认的样式，p{margin:1.12em 0};

                  3. 可以对p元素添加{margin：0px;padding：0px;}或者使用全局样式*{margin：0px;padding：0px;}
                    或者在开发过程中使用normalize.css来解决

                  参考链接：
                  https://developer.mozilla.org/en-US/docs/Web/CSS/margin
                  http://www.cnblogs.com/xiangzi888/archive/2011/10/12/2209514.html
                  https://github.com/necolas/normalize.css/

                  头像
                  wukong
                    11
                    新手上路，请多包涵

                    p {

                    margin: 0;
padding: 0;
border: 0;

                    }

                    撰写回答
                    你尚未登录，登录后可以
                    • 和开发者交流问题的细节
                    • 关注并接收问题和回答的更新提醒
                    • 参与内容的编辑和改进，让解决方法与时俱进
                    推荐问题