css定位

CSS定位

• css中的块级元素与行内元素

  css中的块级元素：div p h1 h2 h3 h4 h5 h6 li dt dd …
  在标准文档流中，块级元素就是指要单独占一行。狂傲内外边距都可以依据自己的需要来自由设置。其中的内容占宽与实际宽度无关。块级元素可以包含块级元素与行内元素。

  css中的行内元素：span a u b em sub sup input…
  在标准文档流中，元素之间是并排的，有新元素是不另起一行。宽度与内容有关系。它里面只可以容纳行内元素或者文本级别的元素。

• css中的定位

  1.标准文档流

  块级元素单独占一行依次排列，行内元素一个接一个横着排列。因为各自自身的特点，不利于布局，所以有了下面的机制。

  2.浮动

  浮动已经不在标准文档流里面，所以和标准文档流不同的是它打破了它原先的特点。就算是块级元素也可以通过浮动并排排列，而且依然具有块级元素可以设置宽高内外边距。

  浮动用float属性，可以设置左浮动或者有浮动，左浮动会附着在它的包含框的左边缘或者它前一个同级的右边。如果几个元素中有几个没设置的浮动的它就会在浮动元素的下面。但是对于文字来说不会被遮挡住。如果一行中浮动的元素宽度大于其所在的包含框的宽度它就会掉下来。

float属性有：

• float：left；（左浮动）float：right；（右浮动）、float：none；（默认值，不浮动）、inherit（从父元素继承float属性）。