侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130555 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

HTML5 的定位一些重要知识点

2024-05-09 星期四 / 0 评论 / 0 点赞 / 7 阅读 / 1620 字

绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块(即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实现比例固定图片自适应布局

 

广告 广告

评论区