CSS基础四（CSS）

最新推荐文章于 2023-08-18 20:40:23 发布

MMddyhc

最新推荐文章于 2023-08-18 20:40:23 发布

阅读量188

点赞数 2

分类专栏： Web 文章标签： css

本文链接：https://blog.csdn.net/qq_41496127/article/details/100573286

版权

本文介绍了CSS中的浮动属性`float`，包括其注意事项和练习，以及清除浮动的方法`clear`和处理溢出的方式`overflow`。接着讨论了定位属性，如相对定位`relative`、绝对定位`absolute`和固定定位`fixed`的用法。最后提到了CSS中的特殊字符应用。

摘要由CSDN通过智能技术生成

一.浮动——float：

1.浮动属性与属性值：

float:none;			//默认值，无浮动
float:left;			//向父元素左侧紧靠
float:right;		//向父元素右侧紧靠

2.float 注意事项：
（1）浮动元素距离父元素边框的位置，是该侧的父元素 padding + 自身 margin 的值
（2）通常不会超过父元素的边界
（3）元素一旦浮动就不属于父元素了
（4）同为浮动元素不会相互重叠
（5）不能上下浮动，通常只设一种浮动
（6）如果父元素宽度不够，浮动元素会另起一行显示
3.float 练习：
（1）代码：

<!DOCTYPE html>
<html>
<head>
	<title>float</title>
	<meta charset="utf-8">
	<style type="text/css">
		div{
    
			text-align: center;
		}
		.a{
    
			width: 420px;