盒子定位

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

一、relative-相对定位

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

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

二、absolute-绝对定位

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

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

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

三、fixde-固定定位

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

四、z-index-Z轴定位

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

五、display属性

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

相关文章推荐

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

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

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

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

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

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

CSS盒子的绝对(absolute)定位

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

绝对定位的盒子如何实现水平垂直居中

如果没有绝对定位,只需要设置margin:0 auto就可以是盒子实现水平垂直居中。但是如果设置了绝对定位,margin:0 auto就没有效果了,那此时又该怎么实现呢? 先来看一个例子,实现如...

css3盒子模型及其定位

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

深入理解盒子模型——CSS视觉格式化模型|盒模型|定位方案|BFC

视觉格式化模型  页面(文档树)可以想象成是由一个个的Box组合而成的,而视觉格式化模型(Visual formatting model)是一套规则,将这些框布局成访问者看到的样子。      哪...

盒子模型与定位

盒子模型(margin&padding) margin是外边距,padding是内边距。margin变了,border和里面的content还有padding作为一个整体一起都动了。padding变...

CSS 北京属性 尺寸属性 盒子模型 定位 选择器

背景相关属性 相信大家对背景都不陌生吧,那就是background,当然,在css中也是这样使用的,不过你若果想要达到设想的效果,就需要在background后面添加上相关的属性了,格式如下:back...

css样式-盒子、定位、背景色、尺寸

笔记7-13 1. css 1. 背景相关的颜色 body{ background-color: red; background-image: url(".....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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