css - 边距和宽度的奇怪行为

标签 css

我有一个 div 元素,我已将其设置为整个主体宽度的 75%:

 ____________
|            |
|[mydiv..]   |
|            |
|            |
|____________|

然后我用 margin: 0 auto; 居中,但结果看起来像这样:

 ____________
|            |
|[mydiv.....]|
|            |
|            |
|____________|

它是居中的,但只是因为宽度,出于某种原因,现在似乎接近 100%。

这是一个打印样式表,所以我只能使用 Chrome 打印预览查看结果(除非有人知道如何在呈现的网页上强制使用替代样式表...),因此我不能使用 Firebug检查一切。

有什么帮助吗?

最佳答案

我认为您的页面会自动缩放到纸张大小,所以我不确定设置宽度和自动边距是否会产生任何影响。

作为测试,您可以尝试将宽度设置为 auto 并将边距设置为 0 12.5% 或使用包装元素。

关于css - 边距和宽度的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5627584/

相关文章:

css - 是否可以在 CSS 中制作这样的对 Angular 线细条纹?

html - flex 等高列但尊重另一列的最大高度

c# - 试图在 visual studio c# 中居中日历控件

jquery - 多个 Bootstrap 选择: z-index issue

css - 如何使用 ng2-bootstrap 覆盖 angular2 中的 twitter bootstrap 样式

CSS 网格和转换 : images overflow and overlap

css - Sass 错误 : selector groups may not be extended

css - 内容和页脚之间的梯度差距

javascript - 如何使用CSS将嵌套元素设置到屏幕边缘

html - 如何响应地更改 Bootstrap 中 .input-group 的宽度?