css float 清除浮动

loveguaixiaobai 2009-07-17 10:31:59
在css、div中
clear:left\right\both
该如何理解、应用
实现了什么样的效果
最好给个实例
...全文
71 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
spmzfz 2009-07-17
  • 打赏
  • 举报
回复
这个东西跟块状元素或者行级元素的浮动float有关系,在一个div区块中 有两个浮动的子块


<div > /*当没有设置浮动 CLEAR 时 两个块是挨着的*/
<div style="float:left">子块A </div> /* 向左浮动*/
<div style="float:left">子块2</div> /*向左浮动*/
</div>



<div >/*当设置浮动 CLEAR 时 块2 会跑到块1的下面来*/
<div style="float:left">子块A </div> /* 向左浮动*/
<div style="float:left clear:left;">子块2</div> /*因为设置了 “CLEAR:LEFT"这时子块2会在块1的下面了*/
</div>
johnnyeven 2009-07-17
  • 打赏
  • 举报
回复
clear:left/right/both

作用都是强制目标元素换行

不同的是
left:左清除,右侧可以存在其他元素
right:右清除,左侧可以存在其他元素
both:两边都不能有其他元素
bing475879749 2009-07-17
  • 打赏
  • 举报
回复
none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象
KK3K2005 2009-07-17
  • 打赏
  • 举报
回复
你直接在文本编辑器里写了
试验下不就知道了
loveguaixiaobai 2009-07-17
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 bing475879749 的回复:]
none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象

[/Quote]
大姐 概念俺知道,只是不明白怎么用

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧