城网中国 首页 城网学院 建站教程 查看内容

div层位于右侧并悬浮随窗口移动,相对固定

2020-8-31 20:54| 发布者: cnone| 查看: 128| 评论: 4

摘要: div层位于右侧并悬浮随窗口移动,相对固定

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

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


鲜花

握手

雷人

路过

鸡蛋
发表评论

最新评论

引用 cnone 2020-8-31 21:38
https://www.w3school.com.cn/
引用 cnone 2020-8-31 21:30
https://www.cnblogs.com/charmingyj/p/3955714.html
引用 cnone 2020-8-31 21:20
“position:fixed;”是结合top、bottom、left和right这4个属性一起使用的,其中“position:fixed;”使得元素成为固定定位元素,接着使用top、bottom、left和right这4个属性来设置元素相对浏览器的位置。

top、bottom、left和right这4个属性不一定全部都用到。注意,这4个值的参考对象是浏览器的4条边。

{
            position:fixed;/*设置元素为固定定位*/
            top:30px;/*距离浏览器顶部30px*/
            left:160px;/*举例浏览器左部160px*/
            width:60px;
            height:60px;
            border:1px solid silver;
            background-color:#FA16C9;
        }

http://www.lvyestudy.com/les_cj/cj_13.2.aspx
引用 cnone 2020-8-31 20:58
position:fixed; z-index:100px;

查看全部评论(4)