姜雅君

结构层html给网站提供内容样式层css 布局------流式布局浮动布局 层布局    美化------盒子模型字体和文本设置等行为层JavaScript  实现用户与浏览器之间的交互

参考点：是浏览器的窗口。

不管是什么类型的定位，都需要使用top, left, right, bottom来调整它的偏移量。 相对定位 是 相对于 它原本出现的位置。可以在原本的位置基础上进行调整。 定位的元素 原本的空间 不会 被 后面元素 占用。 其中1个或2个设置它的偏移量。 根据参考点进行定位，…

.. 每一列中间的间隙。 margin-right 有的浏览器有这个问题，有的没有。还有在IE的低版本浏览器中，浮动也有很多问题。 最后个元素右浮动了，但是没有左浮动，最后面右浮动的元素有非常奇怪换行。

真实开发中，我们会使用after伪元素来清除浮动：伪类选择器：不存在的一个类:hover伪元素：页面中不存在的一个元素after伪元素：.father:after    表示在father元素 的内部

专业就一个，就是clear:both。 1) 给父元素添加一个子元素 这个子元素不浮动，添加到最后。

overflow：本意是用来处理溢出的。 hidden 溢出的内容 会被 隐藏掉，不可见。 溢出的内容的内容不占见面空间。 clear 解决对兄弟元素造成影响。 谁受影响了，就在谁的身上加上clear。 left ：清除 左浮动 所造成的影响。代表后面的元素也不受影响。 只能清…

当浮动元素超出父元素的高度，后面的元素也会造成影响。 在受影响元素上面加上clear:both。

当父元素的宽度变小时，浮动的元素也会换行，但是它不可以浮动到父元素的外面。 也就是说浮动元素仍然受父元素的控制。 当父元素宽度变小时，老三贴不了老二，它会贴老大，前提是可能贴到老大上面，如果老大没有条件让它贴靠，它会贴父元素。