您现在的位置:首页 >> web >> web知识 >> 内容

clear:both 清除浮动

双击自动滚屏      时间:2011-2-22 16:41:24  点击:2843

  核心提示:代码复制到一个文本文档里,将后缀名改成.html之双击运行即可。htmlmeta http-equiv='Content-Type' content='text/html; charset=gb2312' /bodyp style='float:left;width :200px;'这个是第1列,/...

代码复制到一个文本文档里,将后缀名改成.html之双击运行即可。

<html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<body>

<p style="float:left;width :200px;">这个是第1列,</p>
<p style="float:left;width :400px;">这个是第2列,</p>
<p>这个是第3列。</p>
<P>这个是第4列</P>


<br/><br/><br/>
如果不用清除浮动,那么第3列的文字就会和第1、2列在一起
所以我们在第3列这里加一个清除浮动。
<br/><br/><br/>

<p style="float:left;width:200px;">这个是第1列,</p>
<p style="float:left;width:400px;">这个是第2列,</p>
<p style="clear:both;">这个是第3列</p>
<P>这个是第4列</P>
</body>
</html>

作者:亮亮 录入:亮亮 来源:原创
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
本类固顶
  • 没有
  • 永年区网(www.yongnianxian.com) © 2018 版权所有 All Rights Reserved.
  • 站长联系方式 Email:ynxwang@126.com QQ:695600675
  • 广告总代理 永年双珲商贸有限公司