今天主要遇到一个右浮动的边框,当滚动超出后固定定位在最顶部的问题。

今天主要遇到一个右浮动的边框,当滚动超出后,固定定位在最顶部的问题。
解决思路是在右浮动的div里在加一层div,外出div是做浮动用的,里层div
则是做超出屏幕固定定位的元素来用,当超出后改写成position:fixed;top:0;
宽度一定要给,可以提前设定固定值的宽度。这样当触发固定定位时,就不会
跑去最左手边去了,或者变拉长。大概理解为当元素变成固定定位fixed时,没有top,left,right,bottom
等属性影响的情况下,会默认在上级元素里面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在textarea的上角创建一个固定的浮动按钮,可以使用CSS中的“position”属性和“transform”属性来实现。以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>固定浮动按钮</title> <style> #fixed-button { position: absolute; top: 0; right: 0; transform: translate(-50%, -50%); z-index: 1; } #my-textarea { position: relative; padding-top: 30px; } </style> </head> <body> <div id="my-textarea"> <button id="fixed-button">固定按钮</button> <textarea rows="10" cols="50"></textarea> </div> <p>这是一个示例页面</p> </body> </html> ``` 在这个示例中,我们首先使用CSS选择器“#my-textarea”来选择textarea所在的父元素,并将其“position”属性设置为“relative”,这将使得我们在该元素内部创建的绝对定位元素相对于该元素进行定位。然后,我们在该父元素内部创建一个按钮元素,并使用CSS选择器“#fixed-button”来选择它,并将其“position”属性设置为“absolute”,这将使该按钮相对于父元素进行定位。我们还使用“top”和“right”属性来定义按钮相对于父元素上角的位置,并使用“transform”属性将按钮向左上角偏移50%的宽度和高度,以便将其定位在上角。 最后,我们还使用“z-index”属性来指定按钮的层级,以确保它位于其他元素之上。同时,我们在父元素中添加了“padding-top”属性,以确保textarea不会被按钮遮挡。 希望这个示例能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值