95.2 CSS的一些基础

position属性
position 属性规定应用于元素的定位方法的类型

有五个不同的位置值:
static
HTML 元素默认情况下的定位方式为 static(静态)。
静态定位的元素不受 top、bottom、left 和 right 属性的影响。
position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位:
position: relative; 的元素相对于其正常位置进行定位。
position: fixed; 的元素是相对于视口定位的,这意味着即使滚动页面,它也始终位于同一位置。
position: absolute; 的元素相对于最近的定位祖先元素进行定位(而不是相对于视口定位,如 fixed)。
position: sticky; 的元素根据用户的滚动位置进行定位。

元素其实是使用 top、bottom、left 和 right 属性定位的。但是,除非首先设置了 position 属性,否则这些属性将不起作用。根据不同的 position 值,它们的工作方式也不同。

解决小程序的一个页面左右滑动的问题,页面应该这样设置:

overflow-x:hidden;

参考资料:
[1] 响应式Web开发项目教程:HTML5+CSS3+Bootstrap/黑马程序员编著.–北京:人民邮电出版社,2017.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值