博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 浮动和清除浮动
阅读量:7113 次
发布时间:2019-06-28

本文共 522 字,大约阅读时间需要 1 分钟。

CSS浮动和清除

    float:让元素浮动,取值:left(左浮动)、right(右浮动)

    clear:清除浮动,取值:left(清除左浮动)、right(清除右浮动)、both(同时清除上面的左浮动和右浮动) 

1CSS浮动

    浮动的元素,将向左或向右浮动,浮动到包围元素的边上,或上一个浮动元素的边上为止。

    浮动的元素,不再占空间了,并且,浮动元素的层级要高于普通元素

    浮动的元素,一定是“块元素”。不管它原来是什么元素。

    如果浮动的元素,没有指定宽度的话,浮动后它将尽可能的变窄。因此,浮动元素一般要定宽和高。

    一行的多个元素,要浮动一起浮动。

浮动的功能:可以实现将多个块元素并列排版。

如何让包围元素,包住浮动元素?

    需要在浮动元素的下边,使用清除浮动操作

2CSS清除浮动

   CSS清除浮动的功能有两个:(1)可以包围元素从“视觉上”包住浮动元素(2)清除之下的其它元素将恢复默认排版。

     有浮动,就得有清除。

   如果包围元素指定了高度了,那么可以不使用清除功能。

 

转载于:https://www.cnblogs.com/yd09023/p/5853262.html

你可能感兴趣的文章
XML之JDOM解析
查看>>
YXcms第一届模板大赛开始咯
查看>>
maven 命令手动添加本地jar包
查看>>
ECSHOP商品页加入购物车弹出层仿淘宝效果
查看>>
数据库的基本操作—查看数据库、选择表
查看>>
Java public ,protect,friendly,private的方法权限
查看>>
1.概述
查看>>
3.IP:网际协议
查看>>
qtp找不到对象
查看>>
jquery的常用技巧(二)
查看>>
Cocos2dx学习笔记11:cocos2dx调度器(scheduler)
查看>>
Java异常处理总结
查看>>
Oracle数据库SQL优化的最佳思路
查看>>
SCWS入门使用指南
查看>>
简单的进度条,圆形进度条(一)
查看>>
全表扫描、索引扫描与物理读
查看>>
为何有时向外发信有延迟?
查看>>
Castle.Windsor官网API外文翻译(一)---基本概念
查看>>
使用MySql ODBC进行MYsql和MSsql的数据转换
查看>>
CCNA笔记之第十节:STP生成树协议(1)
查看>>