Question

我的两个div都是中心对齐的...... 我想第一个div没有触及浏览器的左侧..... 第二个div没有触及浏览器的右侧...... 如何解决它......

在下面提供我的代码

http://jsfiddle.net/stmjn/4/embedded/result/

<div style="padding-left: 41px; padding-top: 10px; float:left;">
            <a class="" href="#">
              <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png">
            </a>
            <p style="margin-top: 5px; margin-bottom: 0px;">47657 Lakeview Blvd, Fremont CA 94538</p>
            <p>Tel: 510-657-8981 <span style="padding-left: 18px;">wwww.abcdfg.com</span></p>
      </div>


<div style="border: 1px solid red; width: 300px; float:left;">
        <p style="">Vendor No ABC01</p>
        <p style="">Purchase Order No 100001</p>
        <p style="">Est. Ship Date 2/24/2013</p>
      </div>

Answer 1

请不要在标签本身内部使用style =“”来混淆HTML代码，有一种东西被发明称为外部样式表，将其附加到您的页面，代码看起来要好得多。

阅读一些关于CSS的好书，CSS掌握高级Web标准解决方案第二版是一个很好的开始

现在，您希望第一个div标记与左侧对齐，第二个div标记与右侧对齐，因此将div标记保存为一个div标记，

<div> <div /*align left*/> </div>
      <div> /*align right*/</div>
</div>

这将使它们正确对齐，以便它们位于一个父标签中，因此当您将一个向左对齐而另一个向右对齐时，它们将并排放置实际上这可以工作，即使你没有说第二个div标签对齐，但你需要第二个标签不应该强硬的边框

现在填充内容

第二个div标签的

padding-right应为非零，第一个标签左边的填充应为非零

div应该触摸浏览器的左边距

1 个答案: