这篇文章给大家分享的是“CSS中实现清除边距的代码是什么”，对大家学习和理解有一定的参考价值和帮助，有这方面学习需要的朋友，接下来就跟随小编一起学习一下吧。

建议给html页面创建样式时，首先添加如下CSS样式，将所有的元素内外间距都设为0：
{
    margin: 0px;
    padding: 0px;
}
因为如果我们不明确定义，由于不同浏览器处理策略不同，有的默认间距就设为0，而有的却有默认值。这样就会造成不同浏览器下显示的差异。

例子

去除html标签默认的外边距margin和内边距padding

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,
legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
 }

padding: 上、右、下、左; {从上按顺时针转的}

可用 padding-top、padding-bottom、padding-left、padding-right 分别表示:


如果 padding 属性缺失 right、bottom、left; 就都参考 top:


如果 padding 属性缺失 bottom、left; bottom 会参考 top, left 会参考 right:


如果 padding 属性缺失 left; left 会参考 right:


外边距 margin 和内边距 padding 道理是一样的:

 

到此这篇关于“CSS中实现清除边距的代码是什么”的文章就介绍到这了,更多相关内容请搜索群英网络以前的文章或继续浏览下面的相关文章，希望大家以后多多支持群英网络！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS创建进度条有几种方法，具体怎样做

  本文将介绍如何使用 HTML/CSS 创建各种基础进度条及花式进度条及其动画的方式，通过本文，你可能可以学会：通过 HTML 标签 <meter> 创建进度条 通过 HTML 标签 <progress>创建进度条

• CSS如何实现Sticky Footer，具体的方法和代码是什么

  这篇文章主要介绍了CSS实现Sticky Footer的示例代码的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

• CSS3中box-sizing属性的作用和用法是什么

  这篇文章主要介绍了浅谈CSS3 box-sizing 属性 有趣的盒模型 ,需要的朋友可以参考下

• CSS做立体翻转效果的具体方法是什么

  css3怎样实现立体翻转效果transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。当该属性与rotateX()、rotateY()、rotateZ()和rotat

• Canvas中图片镜像翻转怎么操作，有多少方法

  这篇文章主要介绍了canvas实现图片镜像翻转的2种方式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧