1.7小知识(浮动的盒子相互影响)
- 浮动的盒子千万不要让他超出父盒子。
- 超出父盒子的部分会影响下面盒子中的浮动的子盒子。
1.7.1什么时候用margin和padding(不考虑宽高)
- 1.需要使用背景图的时候必须用padding。
- 2.会出现外边距合并或者margin塌陷的时候用padding。
- 3.行内元素上下只能设置padding,不能设置margin。(行内高16px)
- 4.看border,如果是a连接,看能不能让字体变色,或者显示小手。
- 5.看需求。
1.7.2隐藏盒子问题
- 1.overflow:hidden; 隐藏盒子超出的部分。
- 2.display: none; 隐藏盒子,而且不占位置。(用的最多)
- 3.visibility: hidden; 隐藏盒子,而且占位置。
- 4.opacity: 0; 隐藏盒子,而且占位置。
-
5.Position/top/left/...-999px 隐藏盒子,而且占位置。
padding margin
网友评论