为什么我的 twitter 和 facebook 按钮之间会出现中断？答案

【问题标题】：Why is a break forming between my twitter and facebook buttons?为什么我的 twitter 和 facebook 按钮之间会出现中断？
【发布时间】：2013-02-20 13:18:30
【问题描述】：

我的网站在http://www.avidest.com/。我已经将一个 facebook like 按钮和一个 twitter 关注按钮放在一起。出于某种原因，FB 按钮出现在 twitter 按钮下方而不是旁边。我不知道为什么。我在 headertext 周围放置了一个边框，以便大家更容易看到它。这是我的CSS：

.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>

如何让两个按钮并排显示？谢谢。

【问题讨论】：

您的.header_text 元素的宽度只有 200 像素，但您希望一个 81 像素的元素和另一个 450 像素的元素并排放置？伙计，一旦您开始在学校学习数学，您会感到惊讶吗：-P

标签： css twitter facebook-like positioning twitter-follow

【解决方案1】：

.header_text 的宽度只有 200px，但 fb 小部件是 450px 宽。并且您必须将float:left 添加到 twitter 小部件。

【讨论】：