Question

假设我有pre和div：

<pre>Hello</pre>
<div>Hello</div>

我给他们定位和标注position: absolute和朋友：

pre {
    position: absolute;
    top: 5%;
    left: 5%;
    right: 50%;
    bottom: 5%;
}
div {
    position: absolute;
    top: 5%;
    left: 50%;
    right: 5%;
    bottom: 5%;
}

然后pre垂直降低，垂直结束。您可以在jsFiddle demo上看到我的意思。

如何将pre和div排成一行？

Answer 1

将margin:0添加到pre。（fiddle）

Answer 2

某些元素具有默认属性值。在这种情况下，pre的默认顶部和底部边距为13px，需要重写才能使其显示为您想要的效果。

请参阅http://jsfiddle.net/K3WcC/

Answer 3

除了@ canon的回答，您还可以重置全局默认值：

*{
    margin: 0;
    padding: 0;
}

如何排列div和pre的位置？

3 个答案: