2.16html日记——显示与隐藏//盒子水平布局

<!-- 显示隐藏

display：

可选值：none（影藏）block（显示）

visibility:

可选值：hidden（元素不可见）visible（元素可见）

区别是display设置隐藏时，不占用原来的位置

visibility设置元素不可见时，依旧占有原来的位置

-->

盒子模型：content padding border margin */

水平布局：

width+padding+border+margin<父元素的width

1. width+padding+border+margin都设置了确定值

当小于父元素的width时，多余的部分给margin-right吸收

2.当width不设置或者设置为auto值时，多余的部分有宽度吸收

当margin-left=auto,多余的部分由margin-left吸收

当margin-right=auto,多余的部分由margin-right吸收

总结：当设置了auto就将多余的部分给它，注意能设置auto值的属性：width，margin-left，margin-right

3.有二个属性设置auto时

width与margin-left/width和margin-right同时设置auto值时，对于部分有width吸收，margin-left/margin-right没有值

margin-left和margin-right同时设置为auto时，多余部分平分给左右外边距=》块元素的水平居中

4.设置三个auto

width与margin同时设置auto时，多余部分由宽度吸收

垂直方向：设置多少就是多少