CSS盒子模型

构建网页时,基本的布局模型是盒子模型(Box Model),每个 HTML 元素都可以看作一个矩形的盒子,其大小由元素的 width、height、padding、border 和 margin 属性来定义。

   

1. Static(默认值)

static是元素的默认定位方式,即元素按照正常的文档流进行排列。

2. Relative(相对定位)

relative定位是相对于元素在文档流中的原始位置进行定位。

3. Absolute(绝对定位)

absolute定位是相对于最近的已定位(即非static)祖先元素进行定位。如果没有这样的元素,则相对于<html>(即初始包含块)进行定位。

 4. Fixed(固定定位)

fixed定位是相对于浏览器窗口进行定位的,即使页面滚动,元素也会停留在固定位置。

5. Sticky(粘性定位)

sticky定位是介于relativefixed定位之间的一种定位方式。元素根据正常文档流进行定位,直到滚动到某个阈值点为止,然后表现得像fixed定位一样。

 

                                                 

  • 10
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值