关于HTML代码中DIV标签的嵌套

来源：互联网发布：java nio2 pdf 中文版编辑：程序博客网时间：2024/06/06 06:58

前两天一个网友要自己做一个博客，其中页面布局是采用DIV来做的，不过，他需要用到DIV标签的嵌套，而这之中遇到了了点问题，嵌套的DIV总是不能以自己的意志显示在指定的位置。对于这种遵循规范使用DIV做布局的做法当然要鼓励，所以当时答应他有空时做个DIV嵌套的例子给他看。以下便是刚才随手写的一个DIV标签嵌套的例子，希望对他及其它网友有帮助。

<html>
    <body>
        <div>
            <p>这里是外层DIV</p>
            <div style='position: absolute; left: 30px; top: 40px '> 
                <p>这里是第一个里层DIV</p>
            </div>
            <div style='position: absolute; left: 200px; top: 40px '> 
                <p>这里是第二个里层DIV</p>
            </div>
        </div>
    </body>
</html>