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

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精确定位。这个可以试一下就知道了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值