0

如何使公司徽标 div 与名称、地址、电子邮件和 iphone 容器相邻......我尝试让显示内联并向右浮动，但它没有向上移动......在下面提供我的代码......

http://jsfiddle.net/CfzSF/embedded/result/

<div style="width: 464px;">

    <div class="page-title">Company Name</div>
    <div style="font-size: 12px; color: #222;">Name:</div>
    <div style="font-size: 12px; color: #222;">Address:</div>
    <div style="font-size: 12px; color: #222;">Email:</div>
    <div style="font-size: 12px; color: #222;">Phone:</div>


</div>


<div style="border: 1px solid #1a4567; width: 100px; float: right;">
    <div>Company</div>
    <div>Logo</div>
</div>
4

2 回答 2

4

使用display: inline-block- 水平对齐元素

此外，您可以选择使用float- 它会产生相同的效果。

编辑：

您还应该将 a 添加float: left到包含name, address, email, and phone字段的容器中。通过为容纳这些元素的容器提供 a float，容器将不会占据屏幕的整个宽度，而是占据最宽元素的宽度。

工作示例：

http://jsfiddle.net/ee6GW/4/

于 2013-04-10T22:49:07.143 回答
0

将浮动放在非浮动项目之前。

<div style="border: 1px solid #1a4567; width: 100px; float: right;">
    <div>Company</div>
    <div>Logo</div>
</div>
<div style="width: 464px;">
    <div class="page-title">Company Name</div>
    <div style="font-size: 12px; color: #222;">Name:</div>
    <div style="font-size: 12px; color: #222;">Address:</div>
    <div style="font-size: 12px; color: #222;">Email:</div>
    <div style="font-size: 12px; color: #222;">Phone:</div>
</div>
于 2013-04-10T22:52:50.380 回答