CSS网页布局，成功跳槽百度工资从15K涨到28K

代码

效果

🍑父对象无position属性设置

绝对定位元素的所有层次父对象均无position属性设置时，该元素以body即浏览窗口为参照绝对定位。如示例15-13中，删除A图片父对象position属性设置，即删除如下代码行：

position: relative;

left:0px;

top:0px;

🍅层叠定位属性（z-index）

被定位的元素会挡住部分其他元素，可以通过层叠定位属性（z-index）定义页面元素的层叠次序。z-index的取值可以为负数，表示各元素间层次关系，值大者在上，当为负数时表示该元素位于页面之下。

示例

代码

效果

2.浮动属性（float）

---

float属性可以控制盒子左右浮动，直到边界碰到父对象或另一个浮动对象。

float属性语法格式如下。

float:none|left|right;

🍅基本浮动定位

设置了向左或向右浮动的盒子，整个盒子会做相应的浮动。浮动盒子不再占用原本在文档中的位置，其后续元素会自动向前填充，遇到浮动对象边界则停止。

示例

代码

效果

🍅清除浮动属性

浮动设置使用户能够更加自由方便地布局网页，但有时某些盒子可能需要清除浮动设置，这时需要用到浮动属性clear，其语法格式如下：

clear:none|left|right|both;

示例

代码

效果

二、CSS的网页布局

=========