• 技术文章 >Web开发 >css教程

    css中盒模型的注意点

    小妮浅浅小妮浅浅2021-10-21 09:55:13原创286

    1、padding不能为负值,margin可以。

    2、背景色会平铺到非margin区域。

    背景色会平铺到content、padding、border部分。

    3、marked在Flexbox或网格布局中,不存在margin-top、bottom叠加及margin-top传递现象。

    实例

    .box1 {
        width: 200px;
        height: 200px;
        background: pink;
        margin-bottom: 30px;  取最高值,所以两个margin叠加,是30px
    }
    .box2 {
        width: 100px;
        height: 100px;
        background: blue;
        margin-top: 20px;
    }

    以上就是css中盒模型的注意点,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css 盒模型
    品易云
    上一篇:css有哪些字体文本样式 下一篇:css中counter-reset属性是什么

    相关文章推荐

    • css浮动产生的负作用• css盒子模型的属性介绍• css英文名称如何理解• css img失真的解决办法• css超链接是什么• css选择器之间的关系• css中transform函数的使用• css中translate函数的用法• css中scale函数如何使用• css中rotate函数是什么• css中skew函数的使用• css中transition方法的介绍• css中animation是什么• css背景中有哪些方法• css有哪些字体文本样式

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网