Arry精英战队 - 第十三节：定位 - Arry老师.ppt

CSS 定位 (Positioning) 属性 Arry老师 CSS(Cascading Style Sheets) 定位 (Positioning) 属性允许你对元素进行定位 它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至 浏览器窗口本身的位置。 第十三节：定位 定位的基本思想 1 块级元素: div、h1或p元素 即：显示为一块内容称之为 “块框“ ; 2 行内元素: span,strong,a等元素 即：内容显示在行中称 行内框; 3 使用display属性改变成框的类型 即：display:block; 让行内元素设置为块级元素，display:none; 没有框 一切皆为框 相对定位：如果对一个元素进行相对定位，它将出现在它所在的位置上。 通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动 .adv_relative { position: relative; left: 30px; top: 20px; } 相对定位 - relative 绝对定位：元素的位置相对于最近的已定位祖先元素，如果元素没有已定位 的祖先元素，它的位置相对于最初的包含块。 .adv_absolute { position: absolute; left: 30px; top: 20px; } 绝对定位 - absolute CSS 浮动：float 属性定义元素在哪个方向浮动，在 CSS 中，任何元素都可以浮动； 浮动 div style=clear: both;/div 清除浮动 TechEd 2012 ? 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.