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