好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS定位浮动_html/css_WEB-ITnose

概览

CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立各种布局,极大提高HTML页面的表现力。

定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素,或者另一个元素甚至浏览器窗口本身的位置。

CSS 有三种基本的定位机制:

普通流,包含默认定位(static)和相对定位(relative)。

浮动 float.

绝对定位,包含 absolute 和 fixed.

一切皆为框

在 CSS 盒模型 一文中简单的认识了元素框的概念(主要是块框),这里再进行部分补充。

div、h1 或 p 元素常常被称为 块级元素 。这意味着这些元素显示为一块内容,即 块框 。与之相反,span 和 strong 等元素称为 行内元素 ,这是因为它们的内容显示在行中,即 行内框 。不过,您可以使用 display 属性改变生成的框的类型。

还有一种框叫 无名框 (无名框也叫 行框 )。这种情况发生在把一些文本添加到一个块级元素(比如 div)中。假设有一个包含三行文本的段落,每行文本形成一个 无名框 。

some text - 无名框

Some more text. - 无名框
Some more test. - 无名框
Some more test. - 无名框

查看更多关于CSS定位浮动_html/css_WEB-ITnose的详细内容...

  阅读:36次