我的页面底部有一些文字,上面写着"由我建造".我把它放在离窗户底部和左边35px的固定位置,所以当你滚动时它会移动.我真正想要的是垂直固定它,所以当你向上和向下滚动时它会移动,并且总是距离窗口底部35px,但它位于离页面左边缘35px(不是屏幕)的位置,所以它水平滚动时不会移动.我检查了这个解决方案位置元素垂直固定,水平绝对但不幸的是它似乎对我不起作用.仅供参考我正在使用以下代码来修复它的顶部和底部,它可以正常工作(但在水平滚动时也会移动):
#sticky {
position: fixed;
bottom: 35px;
left: 35px;
width: 206px;
padding: 0;
font-size: 0.6875em;
}
*html #sticky {
position: absolute;
bottom: 0px;
}
<div id="sticky">
Built by Me
</div>
Run Code Online (Sandbox Code Playgroud)
非常感谢您提供的任何指针,因为我无法为我的生活找到如何只在一个轴上修复它?
戴夫
我在网页顶部有一个顶部导航部分,并且我将某些内容设置为
float: right;
Run Code Online (Sandbox Code Playgroud)
除了页面的内容部分现在非常宽之外,这非常有效(我必须设置min-width: 1700px;)
现在的问题是float: right很好的工作,除了当我向右滚动时,它不再在右侧。
我的选择是:
min-width:1700px,但它们会向右浮动,除非我向右滚动,否则不会显示有没有办法float: "rightofMonitor"让它默认在监视器查看屏幕的右侧,但是当我水平滚动时,它将继续向右移动。