爲什麼在我的twitter和facebook按鈕之間形成一個休息區？

我的網站是http://www.avidest.com/。我已經放置了一個像Facebook一樣的按鈕和一個twitter按鈕旁邊的按鈕。出於某種原因，FB按鈕出現在Twitter按鈕下方，而不是旁邊。我無法弄清楚爲什麼。我在headertext周圍放置了一個邊框，以便大家更容易看到它。這裏是我的CSS：爲什麼在我的twitter和facebook按鈕之間形成一個休息區？

.header {background:url(images/blackwhite10202.png); background-repeat: no-repeat; background-position: center top; padding:0; margin:0 auto; width: 100%; } 
.headertop{width: 100%; background: transparent; height: 30px; min-width: 1020px; padding-left: 50px; margin: 0 auto;}/*background: #d3e5e8;*/ 
.topholder1 { background: transparent; margin:0 auto; padding:0; } 
.topholder1 .topholder2 { margin: 0 auto; width:1070px; 
.header_text { width:200px; float:right; font:normal 11px Tahoma, Geneva, sans-serif; color:#9a9a9a; padding:6px 450px 10px 200px; margin:0; margin-right: 0px; border: 1px solid black;}

這裏是HTML：

<div class="header"> 
<div class="headertop"> 
    <div class="topholder1"> 
    <div class="topholder2"> 
     <img src="images/avidestlogo50perresave.png" border="0" alt="logo" /> 
     <div class="header_text"> 

      Twitter button is here 
      FB Button is here 
     </div> 
    </div> 
    </div>

如何讓我的兩個按鈕並排顯示？謝謝。

來源

2013-03-05 Philip7899

您的'.header_text'元素的寬度僅設置爲200px - 但您希望寬度爲81px的元素和另一個寬度爲450px的元素可以放在一起？男人，一旦你開始在學校學習數學，你會感到驚訝:-P – CBroe 2013-03-05 23:06:48

.header_text的寬度僅爲200px，但fb小部件寬度爲450px。，你必須添加float:left到twitter部件。

來源

2013-03-05 23:01:24 mgrsskls

謝謝。欣賞它。 – Philip7899 2013-03-05 23:08:59

爲什麼在我的twitter和facebook按鈕之間形成一個休息區？

回答

相關問題