CSS 定位 (Positioning) 属性许可你对元素举行定位。
CSS 定位和浮动
CSS 为定位和浮动供应了一些属性，运用这些属性，能够竖立列式规划，将规划的一部份与另一部份堆叠，还能够完成多年来一般须要运用多个表格才完成的使命。 ( 引荐进修：CSS入门教程 )
定位的基础思想很简单，它许可你定义元素框相对于其一般位置应当涌现的位置，或许相对于父元素、另一个元素以至浏览器窗口自身的位置。
明显，这个功用异常壮大，也很让人受惊。要知道，用户代办对 CSS2 中定位的支撑远胜于对别的方面的支撑，对此不该觉得新鲜。
另一方面，CSS1 中初次提出了浮动，它以 Netscape 在 Web 生长早期增添的一个功用为基础。浮动不完满是定位，不过，它固然也不是一般流规划。我们会在背面的章节中明白浮动的寄义。
统统皆为框
div、h1 或 p 元素经常被称为块级元素。这意味着这些元素显现为一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行内元素”，这是由于它们的内容显现在行中，即“行内框”。
您能够运用 display 属性转变生成的框的范例。这意味着，经由过程将 display 属性设置为 block，能够让行内元素（比方 <a> 元素）表现得像块级元素一样。
还能够经由过程把 display 设置为 none，让生成的元素基础没有框。如许的话，该框及其一切内容就不再显现，不占用文档中的空间。
然则在一种状况下，纵然没有举行显式定义，也会建立块级元素。这类状况发作在把一些文本添加到一个块级元素（比方 div）的开头。纵然没有把这些文本定义为段落，它也会被看成段落看待：
<div> some text <p>Some more text.</p> </div>
在这类状况下，这个框称为无名块框，由于它不与特地定义的元素相干联。
块级元素的文本行也会发作相似的状况。假设有一个包括三行文本的段落。每行文本构成一个无名框。没法直接对无名块或行框运用款式，由于没有能够运用款式的处所（注重，行框和行内框是两个观点）。然则，这有助于明白在屏幕上看到的一切东西都构成某种框。
CSS 定位机制
CSS 有三种基础的定位机制：普通流、浮动和相对定位。
除非特地指定，不然一切框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决议。
块级框从上到下一个接一个地分列，框之间的垂直距离是由框的垂直外边距计算出来。
行内框在一行中程度安排。能够运用程度内边距、边框和外边距调解它们的间距。然则，垂直内边距、边框和外边距不影响行内框的高度。由一行构成的程度框称为行框（Line Box），行框的高度老是足以包容它包括的一切行内框。不过，设置行高能够增添这个框的高度。
以上就是CSS定位怎样明白？的细致内容，更多请关注ki4网别的相干文章！
