DIV布局的几个疑问[整理]

来源:互联网 发布:tn ips va知乎 编辑:程序博客网 时间:2024/06/18 12:51

1\我已经分不清left与margin-left有啥区别,换面top\right也一样。
left是元素左边的位置,margin-left,又叫补白,就是在元素左边补一些空白。Top,right同样。不过left,top等,只有在position为absolute及relative有效。

left、right、top、bottom、一般只是用position属性的时候,用这4个属性来定位的,margin-left的意思的左补白,这个自己试一下就知道了。

2\我分不清嵌套关系中,父div与子div引用的position属性,哪个该用absolute,哪个该用relative.
如果是并列层,也不知该怎么定位。

父div与子div引用的position属性,哪个该用absolute,哪个该用relative.
父要用relative,子要用absolute。

如果用绝对定位,必须用position:relative声明父对象,position:absolute;用于子对象,如果不声明父对象,则父对象为body,也就是整个网页。


 

3\ul与li.
如对ul里有多个li,我无法控制每个li的长度,也无法控制多个li为垂直排列或水平排列。
ul,ul{margin:0;padding:0}要先声明这个才好对li处理,li的长度,是宽度还是高度,如果宽度用widht,高度用height指定就行了


<ul>
  <li></li>
  <li></li>
   .....
</ul>
中,可以给li设置宽度width,,li为块对象,可以用浮动(float)来横向排列,否则就是竖向排列。

4\div嵌套中,为子div定位时,选择position的绝对还是相对呢?还有如1点所说,left 与margin-left不知有什么区别 。反正我是无法在一个页面中,肥几个div排列得布局整齐:

如:顶部一个横向div A,
A下面放两个并列的div C 与B,我就是搞不出来,要不然错位,要不然做不到横向并排。
div嵌套中,为子div定位时,选择position的绝对还是相对呢看要求吧,一般不用选择,特殊情况下用绝对,但父层必须相对

position:relative为相对定位,相对于父div定位。用left、right、top、bottom精确定位。这个可以试一下就知道了。

0 0