大的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中。
1、首先如图所示的web结构即一个html和css即可实现。
2、打开html页面 定义一个大的div和两个小div 如图所示。
3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。
4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。
5、使用table盒子实现div并排,这个是等宽的。
6、如图所示 这是上面三个方法运行后的结果图,可以看到一个大的DIV中嵌套两个小的DIV。
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并排了。
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的代码,然后在写左边的)
推荐用第一种方法 。
多余的我不说了,直接给你解决好了
你现在的大概布局应该是: