CSS的Float之一

作者：大漠 日期：2011-11-23 点击：6830
float
会员专栏

特别声明：如果您喜欢小站的内容，可以点击年卡¥199.00元(原价: ¥598元)、季卡¥78.00元(原价: ¥168元)、月卡¥28.00元(原价: ¥68元)进行全站阅读。如果您对付费阅读有任何建议或想法，欢迎发送邮件至: airenliao@gmail.com!(^_^)

Float在CSS中是一个重中之重的东西，因为他是一个强大的，极有作用的一个CSS属性，但如果你没有理解透这个Float的话，那将是一个难搞的事情，特别是对于初学者来说，更是一个棘手事情。那么从今天开始我们一起来探讨这个Float。

刚才说过了，Float是一个极有用的属性，首先表现在布局上，全前提是你要清楚他，了解他。这样才能达到知已知彼，方能百战百胜。下面我们先来看一段代码：

HTML Markup

      <div class="item">
       <img src="w6144.gif alt="" /">
       Widget 6144
       <br>$39.95
      </div>
      <div class="item">
       <img src="w6145.gif" alt="" />
       Widget 6145
       <br>$44.95
      </div>

CSS Code

      div.item {border: 1px solid; padding: 5px;}
      div.item img {float: left; margin: 5px;}

上面的一段代码

剩余80%内容付费后可查看

如需转载，烦请注明出处：https://www.w3cplus.com/css/css-containing-floats

如果文章中有不对之处，烦请各位大神拍正。如果你觉得这篇文章对你有所帮助，打个赏，让我有更大的动力去创作。(^_^)。看完了？还不过瘾？点击向作者提问！

赏杯咖啡，鼓励他创作更多优质内容！
返回顶部