1. 盒子的浮动 　　在标准流中，一个块级元素在水平方向会自动伸展，知道包含它的元素的边接；而在竖直方向与相邻元素依次排列，不能并排。 　　CSS中float属性，默认为none。将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧。同时默认情况下，盒子的宽度 ...

相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础，然后使盒子相对于它在原本的标准位置偏移指定的距离。相对定位的盒子仍在标准流中，它后面的盒子仍以标准流方式对待它。 使用relative，即相对定位，除了将position属性设置为relative之外，还需要指定 ...

盒子的定位 一、 定位 （position） 定位position 说明：设置对象的定位方式，可以让布局层容易位置绝对定位，控制盒子对象更加准确。 下面提供一些基础代码： 效果图： 1、static (静态定位) 在css的position中 ...

显示与隐藏 盒子阴影 固定定位 绝对定位 小米悬浮商品案例 相对定位 overflow属性 轮播图菜单案例 ...

1. CSS 布局的三种机制 网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中： 普通流（标准流） 浮动 让盒子从普通流中浮起来 —— 让多个盒子 ...

一、基本概念 （一）视觉格式化模型 视觉格式化模型（visual formatting model）：CSS的一种机制，它规定了页面中的多个盒子如何布局 css的一种机制，视觉格式化模型属于css范畴 多个盒子如何布局，中的每个HTML元素都会在页面盒子中生成 这些盒子 ...

　　在网页设计过程中我们可能会出现这种情况：设置好一个固定定位的盒子，但是当网页缩放时固定定位的盒子与网页的版心分离 　　 　　 　　 　　这是因为css定位中的固定定位是以页面为参照进行定位的，而不是以版心盒子为参照，那么我们如何解决这个问题，实现让固定的盒子以版心为参照 ...

一、CSS中的盒子模型 标准模式和混杂模式（IE）。在标准模式下浏览器按照规范呈现页面；在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 html元素一般分为块级元素和行内元素 块级元素：块级元素排斥 ...