在固定好的水平和竖直,css能做到固定垂直位置而不固定水平位置吗？

在固定好的水平和竖直,css能做到固定垂直位置而不固定水平位置吗？

做一个div始终在浏览器上下左右都居中很好做，可是我有点不明白你说的，有点疑问，如下说明：
首先我用box1来代表父div，box2代表子div来举例说明：
条件：
1、box2必须在浏览器上下左右都居中
2、box2距离box1左边距为10px
3、暂时不考虑box1和box2的宽和高
疑问：
box2定位在屏幕中间后，然后距离box1的左边距还为10px，那么其实box1的位置也是确定了的，box1的位置就是在浏览器居中后像左边移动10px，可是这样又于你说的box1能随意动，产生了很大矛盾，比如当box1向右移动100px，那么box2必须跟随box1向右移动100px，必然左边距为10px的条件就当然无存，可是移动之后，box2又不再居中了，所以我的疑问是你表达的不清楚？还是我理解有问题..
解决方案：根据你模糊的提问，我只能这样回答你，css是无法做到这点的，如果加js辅助，应该可以这样解决，分为以下4步：
1、比如现在假设box1为宽为500px，高为500px，box2宽为100px，高为100px。
2、定位box2在屏幕上下左右居中，这时候其实box1也是定位了的（不信你自己测试）。
3、当box1移动的时候，比如向上移动了100px，向左移动了100px，因为box2只距box1左边10px，所以也会跟随父元素向上和左移动100px。
4、给box2宽和高都增加50px，那么这时候box2依然是在浏览器中居中显示的！
总结：box2的属性必须是动态的，宽和高必须随着box1的位置而增加或这减少大小，才能保证其位置始终处于浏览器居中显示！
最后：分析了好久，研究了好久，完全纯手打！不容易啊~

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息