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的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did113717