欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

css left right top bottom定位

22选5河南最新开奖今 www.gsf5k.cn 22选5河南最新开奖今 left right top bottom定位

这四个22选5河南最新开奖今属性样式用于定位对象盒子,必须定义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教程篇了解学习这些样式属性。

扩展阅读:
Position:absolute
Position:relative

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r404.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2013-02-13 21:35 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 震后十年·追忆与新生:关于2008年的那场地震,陕西有记忆 2019-03-24
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-03-24
  • 樱桃-热门标签-华商生活 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-24
  • 黔江:1000余亩蓝莓成熟 市民乐享“莓”好时光 2019-03-24
  • 紫光阁中共中央国家机关工作委员会 2019-03-23
  • 【学习时刻】中央党校徐浩然:把“人民”二字镌刻在党的旗帜上 2019-03-23
  • 外贸持续稳中向好透露出哪些信息? 2019-03-23
  • 公众论坛官方网站首页·南方都市报·南方报业传媒集团 2019-03-23
  • 评论:抓实支部 责任上肩 2019-03-22
  • 袁隆平:即使海水稻已经成功,我的压力依然很大袁隆平压力 2019-03-22
  • 海外版望海楼:“五大观念”的时代价值 2019-03-22
  • 充分发挥人民政协职能优势 2019-03-22
  • 文化山西:晋中是“和”文化的发祥地 2019-03-21
  • 陈飞宇出席Vogue Film时装电影展 潮酷少年初长成 2019-03-21
  • 383| 519| 374| 84| 215| 158| 497| 922| 743| 768|