m0_57752436 2021-07-02 10:05 采纳率: 100%
浏览 33
已采纳

如何实现这个的代码怎么写啊

img

  • 写回答

2条回答 默认 最新

  • limit、T 2021-07-02 11:02
    关注

    有帮助,望采纳。

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                *{
                    margin: 0px;
                    padding: 0px;
                }
                #body{
                    position: relative;
                    margin: 20px auto;
                    height: 350px;
                    width: 700px;
                }
                div,p{
                    margin: 5px;
                    padding: 5px;
                    border: 2px solid #00FFFF;
                }
                #section {
                    position: absolute;
                    left: 5px;
                    width: 65%;
                    height: 150px;
                }
                #aside{
                    position: absolute;
                    right: 5px;
                    width: 25%;
                    height: 150px;
                }
                #footer{
                    position: absolute;
                    width: 675px;
                    bottom: 0px;
                    height: 30px;
                }
            </style>
        </head>
        <body>
            <div id="body" align="center">
                Body
                <div id="header">
                    &lt;div id="header"&gt;&lt;/div&gt;
                    <div id="nav">&lt;div id="nav"&gt;&lt;/div&gt;</div>
                </div>
                
                <div id="section">
                    &lt;div id="section"&gt;&lt;/div&gt;
                    <div id="article">
                        &lt;div id="article"&gt;&lt;/div&gt;
                    </div>
                    <p>&lt;p&gt;&lt;/p&gt;</p>
                    <div class="footer">
                        &lt;div class="footer"&gt;&lt;/div&gt;
                    </div>
                </div>
                <div id="aside">
                    &lt;div id="aside"&gt;&lt;/div&gt;
                </div>
                <div id="footer">
                    &lt;div id="footer"&gt;&lt;/div&gt;
                </div>
            </div>
        </body>
    </html>
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?