<div style="width:100px;height:100px;position:absolute;z-index:99; top:0; left:0; right:0; bottom:0;margin:1px 3px 4px 5px"></div> width:长度 height:高度 需要用到定位的时候,必须设置position属性。
position:位置(absolute绝对位置,相对于body)
z-index:深度。 margin:距离。其实基本大部分的标签都可以用来调整位置。 设置后上述两样属性后,就可以用left,top,bottom,right来定位了。
left:0; //在最左边; right:0;//在最右边; top:0;//在最上面; bottom:0;//在最下面; 罗嗦几句,如果要做一个永远居底的div,其实不需要JS代码,只需要用bottom:0;就可以了。 4个属性里面,一般一次只会用两个。 如:左上角: left:0;top0;
可以按F12打开网页调试模式,然后可以设置定位方式position,或者设置边距margin
html中的float是在块元素布局的时候使用,margin元素是在设置元素的外边距需要使用到。
将两个或者多个块元素放在一行的时候需要将每一个元素设置为float,因为每个块元素都是独占一行使用的,float属性的值有两个,一个是left属性另外一个是right属性,分别表示左浮动和有浮动。
要设置元素与元素之间的距离则需要使用margin属性,margin属性有四个值,按照顺时针的方向分贝表示上边距,右边距,下边距和左边距。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有