盒子定位

转载 2012年03月26日 22:11:03

一、relative-相对定位

1、使用相对定位的盒子,会相对于它在原来的位置,通过偏移指定的距离,到达新的位置。

2、使用相对定位的盒子仍在标准流中,它对你块和兄弟盒子没有任何影响。

二、absolute-绝对定位

1、使用绝对定位的盒子以它的“最近”的一个“已经定位”的“父元素”为基准进行偏移。如果没有已经定位的父元素,那么会以浏览器窗口为基准进行定位。

2、绝对定位的框从标准流中脱离,这意味着它们对其后的兄弟盒子的定位没有影响,其他的盒子就好像这个盒子不存在一样。

3、如何设置了绝对定位,而没有设置偏移属性,那么它仍将保持在原来的位置。这个性质可以用于需要使某个元素脱离标准流,而仍然希望它保持在原来的位置的情况。

三、fixde-固定定位

与绝对定位有些类似,区别在于定位的基准不是你元素,而是浏览器窗口或者其他显示设备的窗口。

四、z-index-Z轴定位

用于调整定位时重叠地上下位置。

五、display属性

以确定盒子的类型:inline(行内)  block(块)  none(隐藏) 

5-CSS-浮动清除-继承-优先级-定位-引入CSS-盒子模型

CSS浮动和清除 float:让元素浮动,取值:left(左浮动)、right(右浮动) clear:清除浮动,取值:left(清除左浮动)、right(清除右浮动)、both(同时清除) 1、...

CSS中常见属性和值、盒子和定位

一、CSS中常见属性和值 1、字体属性 1> 字体家族:font-family  (宋体、楷体...) 2> 字体风格:font-style    (normal普通、italic斜体) 3>...

初学CSS-浮动、盒子模型、伪类、伪元素、定位———Day4学习笔记

 1.浮动     float可以控制块级元素浮动  (1)#d1     {       float:left;/*左浮动*/      }      #d2     {   ...

CSS盒子的绝对(absolute)定位

CSS中使用盒子时,对于绝对定位( )

JAVA-24-CSS入门、常用样式讲解、盒子模型、CSS定位

一、 CSS入门1.1 引入   html:负责网页的结构   css: 负责网页的美观(Cascading Style Sheet 层叠样式表,简称样式)。 1.2 css的使用方式   1...

CSS核心内容-标准流、盒子模型、浮动、定位

http://blog.csdn.net/husen1314/article/details/46664053 CSS核心内容-标准流、盒子模型、浮动、定位,了解了核心内容才能用CSS设计出一...

盒子模型、元素定位、选择器

盒子模型 margin:外边距 margin-top、margin-right、margin-bottom、margin-left(上、右、下、左) 使用方式 (1)margin:30px...

css3盒子模型及其定位

盒子模型常见相关属性和属性取值/*基本属性*/ padding: padding-left/right/top/bottom border: border-left/right/top/bottom ...

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位

css基础-网页的布局思想、行内元素转换为块元素、内容溢出的处理、div盒子的定位...

牛腩新闻发布系统——盒子的浮动与定位

浮动和定位的相关知识,是设计精美网页的必要前提之一。在学习浮动与定位之前,我们先了解一下相关知识“标准流”。       一、标准流       标准流,是指在不适用其他的与排列和定位相关的特殊C...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:盒子定位
举报原因:
原因补充:

(最多只允许输入30个字)