zoukankan      html  css  js  c++  java
  • 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; 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>
  • 相关阅读:
    【Linux】——sleep无法正常休眠
    【网络——Linux】——IPMI详细介绍【转】
    【Linux】——ctags
    10086 8元套餐
    建置 区域划分
    几何
    孙武
    监察委
    python 内置函数
    Oracle cursor and table
  • 原文地址:https://www.cnblogs.com/dingyingsi/p/3629863.html
Copyright © 2011-2022 走看看