自适应h5页面中的 div 元素如何可以固定位置,并且悬浮于html网页的最上层

很多页面场景中会需要有悬浮效果的,比如首页的顶端菜单,就需要固定悬浮。还有底部的菜单,也是需要悬浮在最顶层的。

这些,只需要设置 div元素的一些属性,就可以做到。

<div id="dg" style="z-index: 9999; position: fixed ! important; right: 0px; top: 0px;">
<table width=""100% style="position: absolute; width:260px; right: 0px; top: 0px;">
//table 内部控件代码
</table>
</div>
</span>

div position参数设置为fixed 其相对于浏览器为绝对位置,通过设置right和top将div固定在右上角,左上角就用 left,底部就用 bottom。

table position参数设置为absolute,其相对于第一层div绝对定位,通过设置right和top将table固定在div容器的右上角。

发表评论

电子邮件地址不会被公开。 必填项已用*标注