• 欢迎访问鲁巴客网站,网络赚钱信息,游戏推广教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入鲁巴客 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

網站源碼 xyh 2年前 (2017-10-22) 162次浏览 已收录 0个评论 扫描二维码

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

这些,只需要设置 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容器的右上角。


须弥网 , 版权所有丨如未注明 , 均为原创
转载请注明:自适应h5页面中的 div 元素如何可以固定位置,并且悬浮于html网页的最上层! 自适应h5页面中的 div 元素如何可以固定位置,并且悬浮于html网页的最上层
喜欢 (0)
[]
分享 (0)

您必须 登录 才能发表评论!