css使用易错处

最新推荐文章于 2022-07-18 15:04:08 发布

qq_41324067

最新推荐文章于 2022-07-18 15:04:08 发布

阅读量121

点赞数

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

本文链接：https://blog.csdn.net/qq_41324067/article/details/92802784

版权

css 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

2019.6.19
1.使有的数字属性一定要加单位，不加单位浏览器识别不了
如width:800px,px必不可少。不过0px可以只写成0

2.margin:0 auto;
多个属性值用空格隔开，不能用其他符号
3.float属性
float是漂浮的意思

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		#dv1{
			width: 100px;
			height: 50px;
			border: 1px solid red;
		}
		#dv2{
			width: 120px;
			height: 70px;
			border: 1px solid green;
			float: left;
		}
		#dv3{
			width: 150px;
			height: 100px;
			border: 1px solid blue;
			float: left;

		}
		#dv31{
			width:1000px;
			height: 100px;
			border: 1px solid yellow;
			float: left;

		}#dv32{
			width: 60px;
			height: 100px;
			border: 1px solid yellow;
			float: left;

		}
		#dv4{
			width: 170px;
			height: 120px;
			border: 1px solid gray;

		}
		span{
			color: red;
		}
	</style>
</head>
<body>
	<div id="dv1">我的公司</div>
	<p>这是一个段落</p>
	<div id="dv2">&nbsp</div>
	<span>这是一个行内文本</span>

	<div id="dv3">&nbsp</div>
	<div id="dv31">&nbsp</div>
	<div id="dv32">&nbsp</div>
	<span>这是另一段一个行内文本</span>

	<div id="dv4">&nbsp</div>
	<span>这是另另一段一个行内文本</span>


</body>
</html>

这里dv2和dv3都是往左飘逸，而且都是位于块级元素p之后，所以他们两个会在p的后面进行漂移，而行内元素span元素会被它挤到最右边，但是如果浮动元素太长，那么还是先排span元素。

总的说来，1.非漂移块级元素是一个体系，它们按照自己体系先后顺序排列，先来后到，完全不理会漂移元素的排列位置，所以它们的位置可能和漂移元素重叠。
2. 非漂移行内元素与漂移元素的关系：与附近的漂移元素相比，行内元素总是后排列，漂移元素优先，但是当对于漂移元素来说，剩下的长度不够时，先排行内元素
3. 漂移元素总是离它最近的块级元素（靠上）的下方漂移，这个漂移元素后面的非漂移元素不受这个漂移元素排列的影响。
在这里插入图片描述