绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块(即Body的位置)。 对于定位的主要问题是要记住每种定位的意义。所以,现在让我们复习一下学
绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块(即Body的位置)。
对于定位的主要问题是要记住每种定位的意义。所以,现在让我们复习一下学过的知识吧:相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。
TOP 属性:该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移.
Margin-Top属性:设置元素的上外边距,是指相对相邻元素的定位。
CSS中margin边界叠加问:只有普通文档流中块框的垂直边界才会发生边界叠加。行内框、浮动框或绝对定位框之间的边界不会叠加。解决方法:
1.外层padding
2.透明边框border:1pxsolidtransparent;
3.绝对定位postion:absolute:
4.外层DIVoverflow:hidden;
5.内层DIV 加float:left;display:inline;6.外层DIV有时会用到zoom:1;
6. margin-top采用百分比都是相对于宽度的,top 是相对于高度的
一些重要的文章:
1.小技巧:absolute 元素的宽度问题
2.CSS position: absolute 绝对定位精讲
3. 定位的知识集锦
4.CSS百分比padding实现比例固定图片自适应布局