zoukankan      html  css  js  c++  java
  • css定位

    css定位

    1、div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。

    2、在一种情况下,即使没有进行显式定义,也会创建块级元素。这种情况发生在把一些文本添加到一个块级元素(比如 div)的开头。即使没有把这些文本定义为段落,它也会被当作段落对待:

      

    3、CSS 有三种基本的定位机制:普通流、浮动和绝对定位。

    除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。

    块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。

    4、position:absolute

      元素框从文档流完全删除,并相对于其包含块定位。

      

      

      所以,如果要按父结点排版,需要将父结点设置为非static position

    5、position:relative

      生成相对定位的元素,相对于其正常位置进行定位。

    6、position:fixed

      相对于浏览器窗口来对元素进行定位。

      

    7、偏移可以使用px,也可以使用%

      

    8、static会忽略上下左右。 

      

      

    参考:

    1、http://www.w3school.com.cn/css/css_positioning.asp

    2、http://www.w3school.com.cn/cssref/pr_class_position.asp

  • 相关阅读:
    1月6日 作业 穷举
    1.4 作业
    12月31日 作业
    12月29日-练习成果
    12月30日作业-<转>字符集编码
    1.22作业
    集合
    泛型
    CPU接口练习 (仅以此程序证明 某个同学真的有毒!有毒!!!)
    继承知识点总结
  • 原文地址:https://www.cnblogs.com/tekkaman/p/6754003.html
Copyright © 2011-2022 走看看