我想定位嵌套div，div1在上，div2在下，div3在div1 div2的右边，该怎样用CSS 实现呢？
第一种方法（需要css3）：
.div1 {width:400px; height:300px; border:1px solid #00f}.div2 {display:inline-block; width:150px; height:200px; border:1px solid #f00}.div3 {display:inline-block; width:150px; height:200px; border:1px solid #0a0}第二种方法：
.div1 {width:400px; height:300px; border:1px solid #00f}.div2 {float:left; width:150px; height:200px; border:1px solid #f00}.div3 {float:left; width:150px; height:200px; border:1px solid #0a0}第三种方法：
.div1 {position:relative; width:400px; height:300px; border:1px solid #00f}.div2 {position:absolute; left:0; top:0; width:150px; height:200px; border:1px solid #f00}.div3 {position:absolute; left:152px; top:0; width:150px; height:200px; border:1px solid #0a0}
z-index
这个不需要写DIV的层级关系，也能做到。
如果你用定位，那就把DIV3的TOP减小一点就回来了。
我 用的方法是，你可以为DIV1设定一个填充，那么DIV2就定位了，然后再写DIV3的上边距，这样你想要多远就有多远了。
不要写DIV2的下边距，因为上面的下边距和下面的上边距会合并，而不是相加。
以下代码，经过了IE8、Firefox、Safari、以及360的测试，显示正常，不会出错：
*****************************************************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
/*定义全局样式*/
body{
color:#0066FF;
margin:0px;
padding:0px;
}
/*定义局部容器contanier_left*/
#body_left{
float:left;}/*往左浮动*/
/*定义div1*/
#div1{
width:200px;
height:200px;
border:thin solid #FF0000}/*为了让你看到效果 加的边框*/
/*定义div2*/
#div2{
clear:both;/*关键就是这里：清除父对象也就是#body_lef定义的浮动，这样就可以竖直对齐了*/
width:200px;
height:200px;
border:thin solid #FF0000}
/*定义div3*/
#div3{
float:left;
width:200px;
height:400px;
border:thin solid #FF0000}
</style>
</head>
<body>
<div id="body_left">
<div id="div1">这是div1</div>
<div id="div2">这是div2<br/>div1和div2的对齐方式就是通过div2清除父对象的浮动形成的效果，这样是我们主动设置，不管在任何浏览器中都能保持这样的布局</div>
</div>
<div id="div3">这是div3</div>
</body>
</html>
**********************************************
希望我的详细解释能够帮助到楼主，如果楼主觉得我的回答可以帮你最大的解决问题，那请不要吝惜你的最佳，请将他给我！
<div id="content">
<div id="left" style="float:left;">
<div id="div1" style="width:100px;height:100px;border:#0f0 1px solid;">div1</div>
<div id="div2" style="width:100px;height:100px;border:#00f 1px solid;">div2</div>
</div>
<div id="div3" style="float:left;width:100px;height:200px;border:#f00 1px solid;">div3</div>
<div style="clear:both;"></div><!--清除浮动-->
</div>
左右两边两个div漂浮。。。然后在左边的div里面再嵌两个div，给左边的div设置一个宽度，只要里面的两个div的宽度和大于外面的div 那么里面的两个div就分上下结构了
<style>
*{margin:0px;padding:0px;}
body{margin:0px auto;padding:0px;}
.Main{width:1001px;margin:0px auto}
.div_left{width:33%;float:left;border:1px solid red;height:500px;}
.div_right{width:66%;float:left;border:1px solid red;height:500px;margin-left:5px;display:inline;}
.div1{width:80%;height:200px;border:1px solid red;margin-left:10px;margin-top:10px;float:left;display:inlin;}
.div2{width:80%;height:250px;border:1px solid red;margin:10px 0px 0px 10px;float:left;display:inline;}
</style>
<div class="Main">
<div class="div_left">
<div class="div1">
</div>
<div class="div2">
</div>
</div>
<div class="div_right">
</div>
</div>
这样你看那红线就可以分析的出来了
1楼的好！
我想定位嵌套div,div1在上,div2在下,div3在div1 div2的右边,该怎样用CS...
我的方法和二楼的方法类似，也是左右两个DIV，都往左浮动，然后在左边的DIV里面设置DIV1和DIV2，通过DIV2 clear清除父对象的浮动 这样很自然的就上下对齐了~~个人建议，通过宽度来被动调节上下对齐的方式 不如主动的设置对齐方式，因为在未知的浏览器中，我们不知道它们怎么解释这种情况，所以还是手动设置...
怎么将2个DIV嵌套在1个DIV里面呢?
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排，...
一个div里嵌套几个div,绝对定位、相对定位怎么使用?
绝对定位：position:absolute 相对定位：position:relative 里面的DIV用float:left;就可以挨个排列
一个大的DIV中嵌套两个小的DIV一左一右
大的DIV中嵌套两个小的DIV一左一右步骤如下：1，首先，图中显示的Web结构是html和css。2，打开html页面，如图所示，定义一个大div和两个小div。3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现。4，使用position进行绝对定位，然后使用margin-left删除第一个小div...
请问css怎样定位嵌套div?
绝对定位 选择器{ position:absolute; width:200px; height:115px; z-index:1 left: 100px; top: 100px;}
如何使用DIV标签的定位(如何绝对定位和相对定位)
1.position:relative;如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框)2.position:absolute;表示绝对定位，位置将依据...
div布局怎么嵌套?
<div class="div3">4<\/div> <\/div> 像上面那样嵌套,如果要加样式,如下(可以按照要求定义样式): <style type="text\/css"> .div3{ width:80px; height:40px; background-color:gray; float:left; border:solid 1px red; } .div2{ width:180px; height:40px; } <\/style> 已赞过 已踩过< 你...
CSS中的div如何嵌套呢?
<div id="div1"> <div id="div2"><\/div><\/div>CSS中定义div1的宽度，将div2的设置为居中，上边距为10即可 div1{width:400px;height:390px;padding-top:10px;}#div2{width:380px;height:380px;margin:0 auto;}这样实现或者直接#div{padding:10px}也可以， 如果是用定位,固定两个di...
div嵌套另一个 ,如何让内层DIV靠左下
<div id="in"><\/div> <\/div> <\/body> <\/html> 如果不知道外层div的高度的话，则可以先设置外层div为相对定位，然后设置内层div为绝对定位（因为绝对定位会脱离标准流，以他的包含块为基准进行偏移），让内层div的下边界与外层div偏移0像素即可。代码如下：<html> <head> <title>无标题文档<\/...
div里面嵌套div 我的外面的div的宽度比较小,但是我想把里面的div放在外 ...
用css的绝对定位 先给大容器的div加个style="position:relative"，再给小容器一个style="position:absolute;top:*px" 像这样 <div style="height:100px;width:100px;position:relative;background:#F00;"> <div style="height:200px;width:200px;position:absolute;top:100px;background:#00f;"...
贲闻参莲： <div id=＂content＂> <div id=＂left＂ style=＂float:left;＂> <div id=＂div1＂ style=＂width:100px;height:100px;border:#0f0 1px solid;＂>div1</div> <div id=＂div2＂ style=＂width:100px;height:100px;border:#00f 1px solid;＂>div2</div> </div> <div id...
明水县15839146219： dw里面怎么设置div一个接着上面一个定位 - ？
贲闻参莲： 你说的一般是嵌套,div A 是父层 设置相对定位,div B 和 div C是子层 设置绝对定位,不知道你想问的是不是这个.
明水县15839146219： 怎么用一个DIV 完全覆盖在另一个DIV之上? - ？
贲闻参莲： 这个跟html元素的定位方式有关.div默认的是 后面一个div根据前一个div来定位. 也就是相对定位; 而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.所以, 你应该使用的是<...
明水县15839146219： div 怎么悬浮在另一个div之上 - ？
贲闻参莲： 用定位 position:relative; position:absolute;(这个就可以悬浮在加一个DIV上边) 要想很好的定位,在不同分辩率下都可以正常显示要在外边一个div上定上position:relative;
明水县15839146219： html如何使用css的定位属性来设置使一个div始终靠在另外一个div的左边 - ？
贲闻参莲： 在两个div中加上float:left;就实现了相对定位
明水县15839146219： 怎么让一个DIV相对于另一个元素定位,并且在最上层? - ？
贲闻参莲： <div class=＂userpic＂><img src=＂用户头像＂ /><div class=＂userinfo hide＂>用户详细信息</div> </div>css .userpic{position:relative;width:100px;height:100px;} .userinfo{position:absolute;z-index:99;left:100px;top:0;} .hide{display:none;}
明水县15839146219： 怎样用CSS设计实现div相对另外一个div进行定位 - ？
贲闻参莲： 有几个方法:一种:div1设置为position:relative,div2设置为position:absolute,此时的div2就相对于div1进行基准定位了...因为绝对定位position:absolute,不在标准流中,所以内联元素不知到他的位置,会跑到他的下面去...这里就看你...
明水县15839146219： 一个div里嵌套几个div,绝对定位、相对定位怎么使用? - ？
贲闻参莲： 绝对定位:position:absolute 相对定位:position:relative里面的DIV用float:left;就可以挨个排列
明水县15839146219： 我要做的是在一个div上叠加另一个div,想把那个div固定在右上角,咋做呀？
贲闻参莲： 定位,外层的div加相对定位,内层的div加绝对定位
明水县15839146219： 怎样让一个div在另一个div之上 - ？
贲闻参莲： 如果样式 position 为 absolute 时通过 z-index 来决定层的顺序.<div style=＂width:300px; height:200px; left:55px; top:55px; background-color:#CCCCCC; position:absolute; z-index:2＂>此处显示新 Div1 标签的内容</div><div style=＂width:300px; ...
