中心div即使它对于屏幕来说太宽

时间:2015-02-28 00:02:09

标签: css

在我的登录页面上,我的样式包含一些内容,两者之间有一些填充。它看起来很完美,直到屏幕宽度达到容器的宽度。它没有保持在页面的中心位置,而是开始切断右侧。

我想要它而不是保持居中并从左侧和右侧切断相等的量。我怎么能做到这一点?

我尝试过各种各样的边距和居中技巧但却无法完成。

更新

我在网上找到的所有工作解决方案都要求父元素为position:absolute,这是由于我无法使用的其他限制。

2 个答案:

答案 0 :(得分:1)

通过将相等的负边距放在整个页面上来解决

margin-left: -10em;
margin-right: -10em;

答案 1 :(得分:0)

对于不同尺寸的屏幕,300px是300px。如果你使用33.3%它将永远是第三个。否定的是,如果你去大屏幕,图片可以拉伸等等,你应该开始寻找目标屏幕尺寸等像bootstrap开箱即用。

更新。

可靠不是最好用的词。所有这些都是可靠的,并且按预期运行,但%会在不同的屏幕尺寸下保持您的结构更好