22
2020
04

完成下面布局(兼容IE6-10以及FF、谷歌、苹果浏览器)?

<!DOCTYPEhtml>


<htmllang="en">


<head>


    <metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>


    <title></title>


    <style>


        body {


            margin: 0;


            padding: 0;


        }


 


        #body {


            background-color: #0099CB;


            width: 100%;


            float: left;


        }


 


        #header {


            height: 60px;


            background-color: #999999;


        }


 


        #content {


            background-color: #006766;


            margin-left: 180px;


        }


 


        #sidebar {


            width: 180px;


            float: left;


        }


 


        #footer {


            clear: both;


            height: 60px;


            background-color: #999999;


        }


    </style>


</head>


<body>


<divid="header"></div>


<divid="body">


    <divid="sidebar"></div>


    <divid="content"></div>


</div>


<divid="footer"></div>


</body>


</html>

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。