0

我的显示器中有很多 1px - 4px 的错误，我一直在通过手动重置 CSS 来修复（即，将默认值设置为 0 以在浏览器之间进行规范化）。

我的猜测是我在某些地方有一个未标准化的参数，或者我可能不完全理解盒子模型。

计算

名称框的大小（#hold_name）- 10px（顶部和底部填充）+ 10px（字体大小）= 20px。

图像大小（#hold_picture） - 20px（定义为高度参数）

菜单栏(#Aa) - 40px（定义为高度参数）

这些是我想要的尺寸，但盒子挂得太低了......

这个额外的长度是从哪里来的？

我在小提琴中手动规范化 p、div 和 body 标签，我认为这会给我一个 0 的基数来进行计算。

我在火狐工作

4

1 回答 1

1

我在您的小提琴中更改了填充值，并将框与图像对齐。

#hold_name {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    display: inline;
    float: right;
    font-size: 10px;
    **padding: 2px;**
    position: relative;
    top: 20px;
}

我假设你想要盒子和图像向上移动 4 像素？你为什么使用一个

标记这个？我通常使用 div 并将它们与 CSS 对齐，或者将 div 与表格一起使用并与 CSS 对齐。

于 2012-07-21T18:47:37.083 回答