如何清除漂浮妥善安置页脚| whathuh制片厂言论

如何清除漂浮妥善安置页脚

新手的CSS大多数用户甚至从来没有听说过“清晰”的财产。我知道在过去，我还没有和折磨我的大脑几个小时试图让我的布局，以显示正确的浮动栏。其工作原理如下：

当渲染divs ，浏览器的正常流动是一个地方，然后在以后的正常流动的东西，把下一个。当您想拥有divs肩并肩，通常的解决办法是添加“浮动”财产给他们。在下面的情况下，无论是“左导航”专区和“内容”专区的财产“浮动：左” 。我们可以然后把里面的内容divs浮动，并有一个幸福的布局。问题是，没有在正常流动的东西，继续布局，所以我们需要告诉浏览器，推动东西下来。注意：这两个例子：

不正确：

  <div id="wrapper"> 
     <div id="left-nav"> 
         .... 
     “ /专区” 
     <div id="content"> 
         .... 
     “ /专区” 
  “ /专区” 
  <div编号= "footer"> <p>所有这一切都被隐藏的文字下面的浮动divs ！ “ /专区”

正确：

  <div id="wrapper"> 
     <div id="left-nav"> 
         .... 
     “ /专区” 
     <div id="content"> 
         .... 
     “ /专区”

  <div style="clear: both;"> “ ！ -明确花车- -></专区” 

  “ /专区” 
  <div编号= "footer"> <p>我国英尺现在可以显示以下浮动元素！ “ /专区”

这一个小行告诉浏览器将“继续下去” ，以及移动流下来。最简单的方法来测试，这是给“包装”背景颜色，并期待在不同的两个代码块时，在每一个内容元素。

高科技的Web 2.0互动的例子：

范例1 （不正确）：

  +--(#包装)---------------------------------+ 
  | +-----------+ +--------------------+ | 
  +---| |----| |---+ 
      | | | | 
      | | | | 
      | | | | 
      | | | | 
      | ＃左导航| | ＃内容| 
      | | | | 
      | | | | 
      | | | | 
      | | | | 
      | | | | 
      | | | | 
      +-----------+ +--------------------+

例2 （正确）：

  +--(#包装)---------------------------------+ 
  | +-----------+ +--------------------+ | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | ＃左导航| | ＃内容| | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | | | | | | 
  | +-----------+ +--------------------+ | 
  | | 
  | + ---明确的：既----------------------- + | 
  | | 
 +---------------------------------------------+