多语言展示
当前在线:253今日阅读:99今日分享:20

css的clear什么时候用 怎么用?

css 英文全称英文全称:Cascading Style Sheets,中文译名为层叠样式表,是HTML的外观样式的应用方案,其中有一个清除浮动的属性,clear,如何使用又在什么时候使用呢?
工具/原料
1

电脑一台

2

CSS+html

方法/步骤
1

新建一个HTML文档,并定义三个块元素,示例:   

第一个浮动块
   
第二个浮动块(用于清除浮动)
   
第三个浮动块

2

块元素定义为左浮动,示例:   

3

保存以上内容,并在浏览器预览效果,三个元素,从左到右依次排列

4

定义CSS,用于设置清除左浮动,则会新起一行显示,示例:   

5

如果是右浮动,需要清除浮动,则需要定义清除右浮动,

定义CSS,用于设置清除右浮动,则会新起一行显示,示例:   

6

如果需要清除所有的浮动元素, 无论左侧右侧均不希望出现浮动原则,则可以设置clear:both;

注意事项
1

CSS的clear的运用较为复杂,需要自己多实践

2

喜欢此此经验,请投票和点赞