DIV浮动现在正在工作。哪里不对？

我试图从LOGO浮定时器右上角对面。但它不起作用。如果我用的是普通style="float:right"它的作品完美...DIV浮动现在正在工作。哪里不对？

<div id="whole_page" /> 

      <div id="header" /> 
      <?php echo "$logo" ?> 
      <div id="timer" style="float:right" /><?php 

      echo "$today"; 
      ?></div> 
      </div> 
      <div id="nav" /> 
      Home | 
      About | 
      Help 
      </div> 
      <div id="content" /> 
      <?php 
      echo "Hello, my name is, $first_name \"$nick_name\" $last_name<br />"; 
      echo "I am from $city, $country<br />"; 
      ?> 
      </div> 
     </div>

这是CSS：

#whole_page { 
    width:   65em; 
    margin:   auto; 
    padding:  0; 
    text-align:  left; 
    border-width: 0 1px 1px; 
    border-color: #000; 
    border-styler: solid; 
} 

#header { 
    color:   white; 
    background:  #ebebeb; 
    font-size:  24pt; 
    margin-bottom: 0; 
    font-weight: bold; 
} 

#timer { 
    float:   right; 
    margin-bottom: 0; 
} 

#nav { 
    color:   #000; 
    font-size:  12pt; 
    font-weight: none; 
    background:  #ebebeb; 
    padding:  0.5em; 
    border:   none;

来源

2011-09-03 dbuizert

请饶了我们的PHP ... –

通常，对于一个float工作，你需要在元素上设置一个width。

（否则，浏览器呈现的元素在100%并没有什么浮动。）

所以使这个

#timer{ 
    width:200px; //OR WHATEVER SIZE 
    float:right; 
    margin-bottom:0; 
}

来源

2011-09-03 12:30:46

会发生什么事，当你使用F12调试？你看到任何样式适用于元素？同时查看渲染页面的源代码并查看页面中的实际CSS。然后请从那里发布必要的CSS来调试它。

来源

2011-09-03 12:33:46

尝试添加到div头：

float:left;

如果你想，一个div将在下一行只需将：

clear: both;

来源

2014-02-26 20:12:52 bteleky

DIV浮动现在正在工作。哪里不对？

回答

相关问题