css left right top bottom定位

转载 2016年06月01日 22:00:18

css left right top bottom定位

DIV CSS left right top bottom定位

这四个CSS属性样式用于定位对象盒子,必须定义position属性值为absolute或者relative此取值方可生效。

一、语法结构   -   TOP

Left、right、top、bottom后跟数字+html单位

示范结构
div{left:20px}
div{right:20px}
div{top:20px}
div{bottom:20px}

Left 靠左距离多少
Right 靠右边距离多少
Top 距离顶部距离多少
Bottom距离下边距离多少

二、使用条件   -   TOP

通常单独使用left、right、top、bottom均无效,需要在使用绝对定位CSS position样式才能生效。

一般left和right在一个样式是只能使用其一,不能left和right都设置,要么使用left就不使用right,要么使用right就不使用left,如果left和right均使用将会出现兼容问题,一个对象设置了靠左left多少距离,自然右边距离自然就有了所以无需设置左边。

相同道理,top和bottom对一个对象只能使用其一,不然会出现逻辑兼容问题。譬如一个人让你往左走,一个人让你往右走,同时发出往左往右走这个时候你也不好判断往那边走。

三、绝对定位中使用   -   TOP

一般left、right、top、bottom使用于配合position定位对象位置。大家可以进入CSS position教程篇了解学习这些样式属性。


本文转自:http://www.divcss5.com/rumen/r404.shtml

DIV CSS left right top bottom定位

DIV CSS left right top bottom定位 这四个CSS属性样式用于定位对象盒子,必须定义position属性值为absolute或者relative。 Left   ...

DIV绝对定位 position、z-index、top、right、bottom和left属性

转载自: http://wujt.iteye.com/blog/1181558 一、Position 1、语法:position:static/ absolute / fixed / relat...

Android学习笔记之屏幕宽高、状态栏宽高、标题宽高以及left()、top()、right()、bottom()

Android学习笔记之屏幕宽高、状态栏宽高、标题宽高以及left()、top()、right()、bottom()前言:  想学号安卓,这几个方法及属性你不得不学会怎么获取,当你学会了如何获取屏幕宽...

Andriod中绘(画)图----Canvas的使用详解 (附canvas.drawRect(left, top, right, bottom, paint)参数理解)

转载请注明出处:http://blog.csdn.net/qinjuning                由于在网络上找到关于Canvas的使用都比较抽象,也许是我的逻辑思维不太好吧,...

position top bottom left right height z-index

一.DIV CSS left right top bottom定位 这四个CSS属性样式用于定位对象盒子,必须定义position属性值为absolute或者relative此取值方可生效。Left...

面试总结(4):top、left、right、bottom 和 translationX、translationY 和 scrollX,scrollY的区别

前言这是前几天面试的时候遇到的一个问题,之前没有专门去研究这三个概念的区别,所以就凭印象回答了这道题,回来就实际研究一下,发现自己回答还算可以吧。正文top、left、right、bottom经过我的...

CSS之Background-Position left right center top buttom属性

1. background-position:left top; 背景图片的左上角和容器(container)的左上角对齐,超出的部分隐藏。 等同于 background-position:...
  • yja886
  • yja886
  • 2012年01月02日 11:03
  • 6836

转:JS中scrollLeft(right,top,bottom)的用法和特点

JS中scrollLeft(right,top,bottom)的用法和特点 在图片滚动的方法中,最常用的就是scroll方法。 上图所示的滚动条,我们称为srcollBar。在div的...

JS中scrollLeft(right,top,bottom)的用法和特点

在图片滚动的方法中,最常用的就是scroll方法。 上图所示的滚动条,我们称为srcollBar。在div的内容宽度超过div的宽度时。我们给div加属性overflow-x:scroll;...
  • fan325
  • fan325
  • 2011年08月26日 16:53
  • 1113

travel the binary tree by level 3 ( from down to top and from right to left every level )

travel the binary tree by level 3 ( from down to top ) 个人信息:就读于燕大本科软件工程专业 目前大三; 本人博客:google搜索“cqs...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css left right top bottom定位
举报原因:
原因补充:

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