zoukankan      html  css  js  c++  java
  • web实验博客3.css-position

    css-position属性为块级元素的定位提供了可能,今天我将讲述我所了解的position属性。

    div、h、p元素都可以称为块级元素,display属性可以改变其框类型,其值可以对框进行设置,默认下也会创建块级显示。此情况发生在把一些文档添加到一个块级元素的开头,即使没有这些文本定义为段落,他也会被当做段落对待。如:

    <div>

    some text

    <p>Some more text.</p>

    </div>

    这个框定义为无名框因为他不与专门定义的元素相关联。

    CSS-position属性有四个不同的类型定位,这些将影响元素框的生成方式。

    1、static

    元素默认状态,生成一个矩形框,作为文档流的一部分,行内元素将建立一个或多个行框,置于其父元素中。

    2、relative

    元素框偏移某个距离。元素保持原始形状,所占空间保留。

    3、absolute

    元素框从文档流完全删除,并相对其包含块定位。包含块可能是文档中的另一个元素或是初始包含块。

    4、fixed

    元素框的表现类似于将position设置为absolute,不过其包含块是视窗本身。

    5、inherit

    规定应该从父元素集成position的值。

  • 相关阅读:
    CDN 机制
    canvas绘制旋转图形
    前端资源网站
    css中的em用法
    响应式网页设计【转载】
    闭包与非闭包
    跨域文档之间的访问
    ajax跨域之---服务器端代理实现
    jsonp跨域实现
    freemarker 命名空间
  • 原文地址:https://www.cnblogs.com/zuiqiangwnagzong/p/9696863.html
Copyright © 2011-2022 走看看