我在这里有一个HTML示例:http://jsfiddle.net/TzJmN/1/

我试图使输出出现,以便左侧的项目以及左侧的“ Tracking error”标题和右侧的文本在垂直方向上对齐,并且在顶部的水平条下都具有12px。我无法正确解决这个问题。左边的项目坚持要装在左上角,而右边的项目坚持要离单杠太远!

我有一种强烈的感觉,这是因为我正在使用浮点数,但是我不知道如何解决这个问题。

有什么建议么?

最佳答案

如何使用position:absolute; top:12px; bottom:0; left:0; width:100px并为文本div提供与宽度+您要在它们之间margin-left:110px;的边距匹配的边距。调整浏览器大小时,这种方式也可以很好地扩展。

在这里看看:http://jsfiddle.net/TzJmN/3/

尝试调整浏览器窗口的大小。

编辑:进行了一些小的更改,以使距顶部边框的距离为12px

10-02 11:57