CSS Div在一个Div中在另一个Div中

我想知道如何在一个div中定位一个div，在另一个div中定位一个div。这可能吗？我看过一些关于在另一个div中定位一个div的文章，但没有一篇对我有意义。我对CSS有点陌生，我仍在努力掌握这个概念

基本上，我尝试使用定位div来创建一个自定义的类似表格的效果。我有我的主div，它以1000px宽和1200px高的页面为中心。然后我在其中有另外两个div，将它分成左右两列，每列宽500px，高1200px。我很容易得到那个角色。我现在正试图使用右列中的另一个div向下推我的文本。在顶部我有一张300像素高，500像素宽的照片。我希望文本正好在图片下方

HTML代码：

<div id="mbody" style="position:relative;">    

    <div id="lbody" style="position:absolute;">  

        Some Text

    </div>

    <div id="rbody" style="position:absolute; right:0;">  

        <img src="photo.jpg" height="300" width="500">

        <div style="position:absolute; width:500; height:1200; top:350;">

            Some Text

        </div>

    </div>

</div>

---

请记住，我是css新手，还在学习。如果有人回答的话，请你用一种即使像我这样的初学者也能理解的方式来回答。提前感谢。

对于Css初学者，我建议您先学习Css基础知识，最好的开始方法是先阅读O'Reilly的Css和Html书籍

现在谈论标签和它的嵌套，你可以嵌套任意多的div，只要你定位它们，对齐它们，浮动它们是一种合适的方式。许多与div标记相关的属性将帮助您解决这个问题

下一件事是开发和查看设计使用Firefox的Firebug功能来跟踪高度和宽度属性以及许多很酷的东西，因此如果您使用Firefox，请安装Firebug这一很酷的设计工具，让您在设计中占据优势

首先复习基础知识

希望这能有所帮助

您需要在css中的所有div id名称之前添加“#” 例如，mbody、lbody等

只有这样，html才会知道您正在为div赋值

此外，要使图像显示在右栏文本上方，可以通过以下方法实现：

此外，在设计阶段，在css中添加背景色通常也会有所帮助 例如。

#lbody{背景：红色；}

---

这将帮助您了解css在屏幕上的转换方式。

对于代码，只需使用{}按钮，或将每行缩进4个空格即可。我已经帮你整理好了。我已经把基本知识讲了很多了。我在www.w3schools.com上完成了整个课程，我用firefox观看了这个课程，效果很好。但后来我试着在IE上做这些东西，它看起来不那么漂亮。我不得不加上这个！修改并重新调整所有内容。一旦我把它全部调整好，我唯一不能移动的就是柱子里的div。无论我把什么设置为顶部：xxx；是的，IE的行为有时令人沮丧。因为最好的方法是通过条件注释使用条件Css，条件注释检测IE并通过为IE正常运行的Css呈现页面，所以请也使用条件Css。我确实有#但是我不得不去掉它，因为这个网站很wierd，并且使用#作为格式化工具。我还没有尝试过使用背景色，但我会的。我想这会比我刚才使用的边界更容易。我用过，效果很好。谢谢你，太好了！很乐意帮忙。祝css好运：）关于宽度的快速提示。。。如果你的主div是1000，左边是500，那么右边应该是499。1倍的额外利润似乎总是有助于解决IE的怪癖

#mbody{
    margin: 0px;
    margin-left:auto;
    margin-right:auto;
    top:-73px;
    border: 2px solid green;
    width: 1000px;
    height:1200px;
    background: black;
    z-index:1;
}
#lbody{
    margin: 0px;
    padding:0px;
    left:0px;
    border:2px solid red;
    width:500px;
    height:1200px;
    background:black;
}
#rbody{
    margin: 0px;
    padding:0px;
    border:2px solid blue;
    width:500px;
    height:1200px;
    background:black;
}