Question

css中浮动定位怎么设置div的位置随浏览器大小的变化而变化？如下图

这一幅是在全屏下的效果

这一幅是在半屏下的效果

怎么设置搜索框的位置和中英文的位置不随着浏览器的大小而变化？

浮动搜索框的代码是
#FrontProducts{
position: absolute;
width: 260px;
top: 1px;
right: 400px;}

应该怎么写？？





Answer 1

让搜索框左浮动，右边的内容右浮动。就可以随着浏览器的大小而变化了啊。

有问题继续交流！

Answer 2

宽度写成 百分比 比如 width:80%; 或者通过 JS 控制，
抱歉我看错了，是位置哈， 可以控制外面的层，以达到使里面的层浮动了也可以随屏变化

Answer 3

#FrontProducts{
position: fixed;/*固定位置定位*/
width: 260px;
top: 1px;
right: 400px;}

这样就不会变了