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

最新推荐文章于 2024-01-11 08:50:52 发布

梦断酒醒

最新推荐文章于 2024-01-11 08:50:52 发布

阅读量1.1w

点赞数

分类专栏：其它文章标签： div html

本文链接：https://blog.csdn.net/ishallwin/article/details/4259912

版权

其它专栏收录该内容

5 篇文章 0 订阅

订阅专栏

前两天一个网友要自己做一个博客，其中页面布局是采用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>