2013-02-14 44 views
-1

我的div都是居中對齊的... 我想第一個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> 
+1

你有使用任何外部樣式表嗎?或者你只是使用內聯樣式? – 2013-02-14 01:39:47

+1

,你能解釋一下你想要達到什麼目的嗎?我目前看到第一個div中心對齊,第二個div碰到瀏覽器 – 2013-02-14 01:42:44

+1

的左側,您可以向我們提供一個工作鏈接,我們可以在其中查看實時代碼,以便更好地幫助您 – Shail 2013-02-14 01:47:34

回答

-2

請我的代碼不通過給搞亂你的HTML代碼style =「」在ta裏面g本身,有一件發明的東西叫做外部樣式表,附加到你的頁面上,當你這樣做的時候代碼看起來好多了。

讀取CSS一些好書,CSS掌握高級Web標準解決方案第二版是一個很好的,現在開始與

,希望第一個div標籤要左對齊和第二對齊在右邊,所以保持兩個div標籤爲一個div標籤,

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

當你對齊一個向左,另一個,這將適當地對準他們,使他們會在一個父標籤,從而右邊,他們會並排 實際上,這將工作,即使你沒有說對齊的第二個div標籤,但你需要的第二個標籤不應該強硬邊境

現在的填充材料的第二個div標籤的

填充,正確的應該是非零和填充左邊的第一個標籤的應該是非零

+1

使用內聯樣式沒有任何問題。不要因爲不喜歡他們而給錯誤的建議。 – 2013-02-14 06:44:44

+0

@HeHui:我已經在 – user2045025 2013-02-14 17:24:07

+0

@ user2045025之上提供了我的提琴:代碼中的語義同樣重要,僅僅因爲你可以做某件事並不意味着你應該這樣做。 – lucifer 2013-02-15 17:14:00