div布局,有没有真正会的人来解答一下?(非常具体的问题)

来源:百度知道 编辑:UC知道 时间:2024/06/07 18:37:17
1\我已经分不清left与margin-left有啥区别,换面top\right也一样。

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

3\ul与li.
如对ul里有多个li,我无法控制每个li的长度,也无法控制多个li为垂直排列或水平排列。

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

如:顶部一个横向div A,
A下面放两个并列的div C 与 B,我就是搞不出来,要不然错位,要不然做不到横向并排。

5\教程看了很多,没用。没有一个实例是讲明如何实现这样的布局:

如顶部div一个,下面三个div并列,最下面又放4个div并列,所以看了很多资料都是白看。

6\简单来说,我就是想知道如何用div来布局。

那些命令标签我都知道是什么意思了,所以请各位来回答的高手将重点放在教我如何用div布局好一个页面结构的问题,你所引用到的标签我都明白的。
如果做一个视频就最好不过了。

谁能帮我理清思路,讲明技巧,200分如数恭送!谢过!
叫我看书的不要来回答我。我看过了。
各个命令是什么意思我都知道。
就是在运用时布局不出来。 ]

我自已也练习了好多天了。
就是不能将层按自已的意思思排列。
本来我想让两个层B与C并列,但B与C变成了一个上一个下。或者B层干脆跑到A层中去,C也跑到A层中去。
A层我本来定好高度的,但让BC层冲了进去,A层变高了。
反正就是很乱很乱就是了。

四楼的回答很好,都给出具体代码来了,我回头好好研究一下。

1、left是元素左边的位置,margin-left,又叫补白,就是在元素左边补一些空白。Top,right同样。不过left,top等,只有在position为absolute及relative有效

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

3ul,ul{margin:0;padding:0}要先声明这个才好对li处理,li的长度,是宽度还是高度,如果宽度用widht,高度用height指定就行了

div嵌套中,为子div定位时,选择position的绝对还是相对呢看要求吧,一般不用选择,特殊情况下用绝对,但父层必须相对

多做多看多想多问
找个自己认为做得好的网页,把它的代码及CSS下载下来看几遍就行了

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

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

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

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

5. 例:
<div></div>/* 顶部一个div */
<div> /* 下面两个div用一个div包起来 */
<div