美文网首页
CSS定位笔记

CSS定位笔记

作者: 情话小句 | 来源:发表于2018-09-14 15:15 被阅读0次
1、定位参照与谁块来决定
没有定位:包含块
相对定位:元素原来位置
绝对定位:包含快(如果最近的祖先元素存在定位元素,则这个定位元素就是包含快;如果没有,包含块为初始包含块)
固定:视窗
2、什么是初始包含块
是一个视窗大小的矩形,不等于视窗
3、初始值和可继承性
3.1、属性:left、top、right、bottom、width、height
默认值:auto,不可继承
3.2、属性:margin、padding
默认值:0
3.3、属性:boder-width
如果不存在boder-style不存在值
4、属性的百分比
width、margin、padding:包含块的width
height:包含块的height
top:包含块的height
left:包含块的width
5、浮动
浮动提升元素半层
6、三列布局
定义:
  两边固定,当中自适应
  中间列要完整显示
  中间列要有限加载
实现:定位、浮动、圣杯、双飞翼
7、margin为负值(margin不影响元素的位置)
负值:将元素的边界往里收
正值:将元素的边界往外扩
8、伪等高布局
9、fixed
9.1、怎么使用绝对定位来模拟固定定位
1.禁止系统滚动条
2.将滚动条加给body
3.将body的尺寸变为视口的尺寸

相关文章

  • CSS定位笔记

    1、定位参照与谁块来决定 2、什么是初始包含块 3、初始值和可继承性 3.1、属性:left、top、right、...

  • CSS定位笔记

    一、定位 1.相对定位 position:relative,相对于原来的位置偏移。偏移后不影响原有的布局. 2.绝...

  • 笔记 - CSS定位

    div分层 从上到下:文字内容(内联子元素) - 浮动元素,块级子元素 - border - background...

  • CSS学习笔记——CSS定位

    position基本属性 定位机制 普通流。默认定位方式,在普通流中元素框的位置由元素在html中的位置决定。其中...

  • css定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • CSS 定位 (Positioning)

    CSS 定位 (Positioning) 属性允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供...

  • css 定位 浮动

    定位 1 . css 定位:改变元素在页面上的位置2 . css 定位机制:普通流浮动绝对布局3 . css 定位...

  • CSS定位

    CSS定位(Positioning)允许你对元素进行定位。 CSS 定位和浮动 CSS 为定位和浮动提供了一些属性...

  • CSS中的几种定位

    CSS中常用的定位有 普通定位,相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...

网友评论

      本文标题:CSS定位笔记

      本文链接:https://www.haomeiwen.com/subject/owzigftx.html