Html 固定下拉赢';不要向右浮动
我决定我的右浮动下拉菜单应该是固定的。但是,一旦我将其定位为固定位置,它就会跳到左侧。我怎样才能解决这个问题?我知道我可以用左边的填充物来移动它。但我希望他们的方法更合适Html 固定下拉赢';不要向右浮动,html,css,Html,Css,我决定我的右浮动下拉菜单应该是固定的。但是,一旦我将其定位为固定位置,它就会跳到左侧。我怎样才能解决这个问题?我知道我可以用左边的填充物来移动它。但我希望他们的方法更合适 /*正文*/ html,正文{ 字体大小:100%; 身高:100% } /*标题*/ .下拉式img{ 高度:2.5em; 宽度:3.5em; } .下拉菜单{ 背景色:rgba(0,0,0,0.5); } .标题{ 背景:url(/img/sri.jpg)无重复中心; 背景尺寸:封面; 背景附件:固定; 位置:相对位置;
/*正文*/
html,正文{
字体大小:100%;
身高:100%
}
/*标题*/
.下拉式img{
高度:2.5em;
宽度:3.5em;
}
.下拉菜单{
背景色:rgba(0,0,0,0.5);
}
.标题{
背景:url(/img/sri.jpg)无重复中心;
背景尺寸:封面;
背景附件:固定;
位置:相对位置;
盒影:嵌入0.1000px rgba(125132145,0.6);
最低高度:100%
}
李先生{
颜色:#fff;
}
.标题.徽标{
浮动:左;
边缘顶部:0.42em;
}
.标题.下拉列表{
浮动:对;
边缘顶部:0.42em;
位置:固定;
}
.下拉菜单{
顶部:2米;
左:-8em;
宽度:自动;
}
.标题.标志p{
字号:1em;
颜色:黑色;
字体系列:“永久标记”,草书;
字体大小:粗体;
}
喋喋不休
-
尝试右键:0代码>:
.header .dropdown {
float: right;
margin-top: 0.42em;
position: fixed;
right: 0;
}
应该这样做。(float:right;
将变得无关紧要)如果要固定菜单的位置,则无需将其向右浮动。只需根据您的要求设置正确的值
.header .dropdown {
/*float: right;*/
margin-top: 0.42em;
position: fixed;
right: 10px; //put the value you need
}
不要用position:fixed,你可以用position:absoluted做这个把戏!谢谢如果我想让它离屏幕右侧稍微远一点,我应该使用右边填充吗?右边填充就可以了,右边:10px;我也会这么做,就像塔尼娅在下面说的那样……这能解决你的问题吗?你会接受这个答案吗?