HTML与CSS学习 day10

• 定位的特殊特性
  1.给行内元素添加绝对定位 可以直接设置宽度高度
  2.给块级元素添加绝对定位 如果不给宽度和高度 默认是文字的大小 （行内元素）
  浮动元素 ，绝对定位（固定定位）都不会触发外边距合并塌陷问题（脱标）

浮动元素只会压住下面的元素的盒子 不会掩住内容
绝对定位会压住盒子以及文字
浮动之所以不会压住文字 因为浮动产生的目的就是为了做文字环绕效果的 文字会围绕浮动元素

---

如果一个盒子里既有left 也有right 会先执行 left
top与botttom同理 先执行top

• 元素的显示与隐藏
  display
  display :none; 显示元素
  display:block; 隐藏元素
  元素隐藏后不占有原先位置
  visibility
  visibility: hidden; 隐藏元素
  visibility: visible; 显示元素
  元素隐藏后继续占有原先位置
  overflow
  overflow: visible;
overflow: hidden; 剪切超出设定元素的内容
  overflow: scroll;** 不管内容是否超出 总是显示滚动条
  overflow: auto; 内容超出才会显示滚动条 不超出不会显示