问题描述
我有一个代码，它位于页面右侧。 它由css固定在那里如下：
#feedback
{
position: absolute;
width: 230px;
float: right;
height: 60px;
right: 310px;
top: 190px;
}
但是当窗口大小调整大小时，cs属性'right'也应该减少，因为如果窗口最小化不是100％，则div不可见
最初$( window ).width() = 1899px;
反馈div的“正确”属性应为310px
对于窗口宽度每减少10px，反馈div的右css应减少4.5px鸡蛋。
Width = 1899px Right property = 310px
宽度= 1889px右属性= 305.5px宽度= 1879px右属性= 301px
。 。 。 。 util Width = 1234px Right property = 0px
我无法使这个逻辑工作。 谁能请帮忙
1楼
您只能使用css，使用％值和边距来执行此操作。
在我的示例中，内部元素的边距为10％。 这意味着当容器改变宽度时，右边的偏移量也会随着内部元素的变化而变化。
容器宽度也是％，因此当窗口弯曲时它会弯曲。
css在这里：
.container {
width: 100%;
}
.internal {
float: right;
width: 50%;
margin-right: 10%;
}
重要的是要注意内部margin-right值是容器的％，而不是它所属的元素。
要固定内部元素的宽度，只需使用固定宽度，边距仍将使用容器宽度并使其相对于容器的宽度保持间隔。
见 。
唯一的变化是width: 300px;
而不是width: 50%;
在内部。