欢迎来到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版权所有。

  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-01-19
  • 承认私有制存在,却否认阶级分析。睁着眼睛说瞎话,强坛独一份。 2019-01-19
  • 广东院士联合会:“新起点”开启助力广东创新驱动发展“新征程” 2019-01-18
  • 寻找把他吃剩的饭菜找包后,丢给四两吃,这能算道德?[微笑] 2019-01-18
  • 长治市争创全国禁毒示范城市 2019-01-18
  • 21世纪中国的马克思主义 2019-01-18
  • 6月温州市区普通商品住房地块集中出让 2019-01-17
  • 中国动力电池市场竞争加剧 70家公司仅占3成份额 2019-01-17
  • 儿童版《流星花园》?胡可晒安吉小鱼儿与七宝合影 2019-01-17
  • 6个关键词 教你读懂最新癌症预防报告 2019-01-16
  • 嘱望上合 青岛之约 2019-01-16
  • 勤劳的女人最美丽 河南温县“农家女”创业带富乡邻 2019-01-16
  • 增强“四个意识”做政治上的明白人 2019-01-15
  • 郪江,隐藏在川东丘陵中的战国小镇文章中国国家地理网 2019-01-15
  • 第六届(2017)赛迪学术年会系统测评分论坛举办 2019-01-15
  • 31| 190| 698| 244| 670| 848| 305| 444| 583| 691|