现在的位置: 首页 > 综合 > 正文

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

2018年01月25日 ⁄ 综合 ⁄ 共 511字 ⁄ 字号 评论关闭

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

<html>
    <body>
        <div>
            <p>这里是外层DIV</p>
            <div style='position: absolute; left: 30px; top: 40px '> <!-- 相对于外层DIV的位置 -->
                <p>这里是第一个里层DIV</p>
            </div>
            <div style='position: absolute; left: 200px; top: 40px '> <!-- 相对于外层DIV的位置 -->
                <p>这里是第二个里层DIV</p>
            </div>
        </div>
    </body>
</html>

抱歉!评论已关闭.