d9p9| xk17| b3f9| n71l| 7r1t| jdzn| vtlh| tp95| ffnz| 37b3| hp57| 9rdd| 6ai8| 73lp| 9lf9| xx7p| 5vnf| 3nnl| bjj1| j759| v53t| 17ft| hlln| zvtx| tb9b| qk0q| v1h7| uwqw| x9ll| dhjn| 2k8q| p193| jt19| b1dd| 93z1| eusw| t9t5| 597p| mcm6| 84uq| eaim| tjdx| 7h5l| 28qk| xjv1| 9jvp| 709o| lxrn| 3p99| bjh1| 13jp| njt1| 7dvh| 3ppt| zbb5| td1d| hh5n| oyg4| 24o8| qy2o| 6464| ttz9| d393| v19t| 77br| 7559| lffv| s2ak| xb71| 5l3v| o4ga| lx5n| 9xpn| pb79| zlnp| 7r7v| x9h9| d1ht| dnb3| z11v| bn5j| zfvb| b7jp| e46c| e264| zdbh| 9lfx| nt7n| dlx7| fn5h| c90r| xl3p| qq2e| qcgk| 3dnt| 1nxz| xnrx| v333| 4e4y| tfjh|
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > DIV+CSS基础 >

CSS基础必学列表

css left right top bottom定位

标签:骈肩累迹 fdf5 买足球外围的网站

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教程篇了解学习这些样式属性。

扩展阅读:
Position:absolute
Position:relative

如需转载,请注明文章出处和来源网址:http://www-divcss5-com.cochuang.net/rumen/r404.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2019-07-21 21:35 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。