学习6

float属性可以实现元素的浮动，float: left;让元素左浮动，常用于实现多栏布局。比如实现一个左右两栏布局，左侧栏设置float: left; ，右侧栏的内容就会自动排列在它旁边。clear属性用于清除浮动影响，clear: both;可以清除左右两侧的浮动，防止元素环绕，保持布局的整齐。
display属性控制元素的显示方式。display: none;会隐藏元素，元素在页面中不占任何空间；display: block;将行内元素转换为块级元素，块级元素会独占一行；display: inline-block;使元素兼具行内元素和块级元素的特点，既能在一行显示，又能设置宽高。
position属性用于定位元素。static是默认定位，元素按照正常的文档流排列。relative相对定位，相对于自身原来的位置定位，可以通过top、left、bottom、right属性来调整位置。absolute绝对定位，相对于最近的已定位祖先元素定位，如果祖先元素都没有定位，则相对于浏览器窗口。fixed固定定位，相对于浏览器窗口定位，经常用于创建固定的导航栏或侧边栏，不管页面怎么滚动，它们都保持在固定位置。最后尝试使用这些布局属性实现了一个简单博客页面的基本结构，包含头部、导航栏、内容区、侧边栏和底部等部分，对 CSS 布局有了更深刻的理解。