摘要：在这篇文章中，你将看到CSS中常见的布局以及一些你平时不注意的地方。非常适合初学者！大鹏一日同风而起，腾飞九万里！一起学习，一起进步！1.浮动浮动代码如下：
摘要：在这篇文章中，你将看到CSS中常见的布局以及一些你平时不注意的地方。非常适合初学者！大鹏一日同风而起，腾飞九万里！一起学习，一起进步！1.浮动浮动代码如下：
It'sbravenewworldoutthere.我们的孩子属于越来越多的竞争环境................
.float-div{float:left;背景：黄绿色；宽度：150px；高度：150px；margin-right:30px;}效果如下：float:有四种可能值，left（左浮动）、right（右浮动）、none（默认不浮动）、inherit（继承parent的浮动属性元素）。清除浮动（clear）：浮动下的非浮动内容也会包裹在浮动元素周围。要解决这个问题，可以使用clear属性。共有三个值，left（停止任何活动的左浮动）、right（停止右浮动）、none（停止左右浮动）。2.定位position静态定位：是默认行为。位置：静态；相对定位：position:relative;结合上/下/左/右四个属性。绝对定位：position:absolute;它独立于其他图层，与top/bottom/left/right四个属性结合使用。定位上下文：绝对定位元素的相对位置元素，如果要绝对定位元素的相对位置元素，那么这个元素必须包含绝对定位元素。z-index：正值将它们移到堆栈上方，负值将它们移到堆栈下方。默认情况下，定位元素的z-index都是auto，实际上是0。固定定位：相对于浏览器视口本身。位置：固定；粘性定位：position:sticky;可以创建一个滚动索引页面，其中不同的标题位于页面底部。（下面的列表项可以设置更多看效果！）HTML代码：