水平布局(过度约束)

什么是过度约束?如何进行调整

书水平方向有七个值

        margin-left border-left padding-left width padding-right border-right margin-right

        浏览器规定:

            水平方向的七个值相加必须等于其父元素内容区的宽度,如果不等于,那么浏览器就会自动调整这七个值的某个值

            这个过程就叫过度约束

        如何调整?

            1、七个值中没有auto,浏览器默认调整margin-right

            2、七个值中若有auto,则浏览器就会调整auto

                可以设置auto的属性:width margin

                    一个auto,谁是auto,浏览器调整谁

                    2个auto:

                        width margin-left           调整width

                        width margin-right          调整width

                        margin-left margin-right    一人一半

                    3个auto,调整width

猜你喜欢

转载自blog.csdn.net/weixin_62255399/article/details/126162532