一个大的DIV中嵌套两个小的DIV一左一右

2024-12-25 07:37:05
推荐回答(5个)
回答1:

大的DIV中嵌套两个小的DIV一左一右步骤如下:

1,首先,图中显示的Web结构是html和css。

2,打开html页面,如图所示,定义一个大div和两个小div。

3,最常用的float float,只要两个小div的宽度小于或等于大div的宽度,就可以并排实现。

4,使用position进行绝对定位,然后使用margin-left删除第一个小div的宽度。

5,使用表格框并排实现div,这是相同的宽度。

6,如图所示,这是上面三种方法运行后的结果,可以看到两个大DIV嵌套在一个大DIV中。

回答2:

1、首先如图所示的web结构即一个html和css即可实现。

2、打开html页面 定义一个大的div和两个小div 如图所示。

3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。

4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。

5、使用table盒子实现div并排,这个是等宽的。

6、如图所示 这是上面三个方法运行后的结果图,可以看到一个大的DIV中嵌套两个小的DIV。

回答3:

1、首先我们如图所示的web结构即一个html和css即可实现。

2、打开html页面 定义一个大的div和两个小div 。

3、两个小div的宽度小于等于大div的宽度,即可实现并排了。

4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。

5、用table盒子实现div并排,这个是等宽的。

6、使用display:inline(将div设置为内联)实现并排效果。

7、如图所示 这是上面三个方法运行后的结果图,可以看到两个div并排了。

回答4:

1 你可以让左边最大的Div左边浮动,然后让右边的DIv 右边浮动就可以了。
.left
{ width:245px;
height:2000px;
margin-top:20px;
margin-left:50px;
float:left;//加上这句
}
.right
{ width:640px;
float:right;//换成这样
height:1000px;//给他加个高度。
}

2 你可以让左边的DIV和右边的DIV都向左浮动。即都加上float:left;
3 你可以让左边的DIV和右边的DIV都向右浮动。即都加上float:right;(注:先写右边div的代码,然后在写左边的)

推荐用第一种方法 。

回答5:

多余的我不说了,直接给你解决好了
你现在的大概布局应该是:





你改成:




应该就好了

注:有右浮动的时候,这个div就要写到代码的前面,否则会被没浮动的div顶下去,这是最基本的常识,原因也懒得探究,了解一下就好