CSS div

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here 
        </title>
        <style type=text/css>
            body{padding:0;margin:0;text-align:center}
            .main{width:930px;margin:0 auto;}
            .main-content{width:100%;}
            .left{width:30%;float:left;clear:left;height:700px;background-color:#ccffaa;}
            .right{width:70%;float:right;clear:right;height:700px;background-color:#eedddd;}
            .bottom{position:relative;width:100%;clear:both;}
            .clear{clear:both;}
        </style>
    </head>
    <body>
        <DIV class="main" align=center>
            <div style="background:#bbddbb; width:100%"><center>首页、注册、联系我们</center></div>
            <div class="main-content"> 
                <div class=right >  
                    右侧部分<br />
                    右侧部分<br />
                    右侧部分<br />
                    右侧部分<br />
                </div>
                <div class=left>  
                    左侧部分<br />
                    左侧部分<br />
                    左侧部分<br />
                    左侧部分<br />
                    左侧部分<br />
                    左侧部分<br />
                </div>  
            </div>
        
            <div class="bottom">
                <center style="background-color:#ddeedd">底部</center>
            </div>  
        </DIV>
    </body>
</html>

CSS div,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。