zoukankan      html  css  js  c++  java
  • css 左右布局一例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
    <head runat="server">
        <title></title>
    </head>
    <body style="height:100%; padding:0;margin:0;">
        <form id="form1" runat="server" style="height:100%;">
        <div style="height:100%;margin:0;padding:0;background-color:Green;">
            <div id="header" style="height:100px; background-color:Yellow;">header</div>
            <div id="menu" style="background-color:Blue;240px; float:left;display:inline;z-index:100">
                <p>
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                    menu<br />
                </p>
            </div>
            <div id="main" style="background-color:transparent;100%;margin-left:-260px;float:right;z-index:9999;">
                <div style="margin-left:260px;">
                    内容
                </div>
            </div>
        </div>
        <div id="footer" style="height:20px; margin:-20px; background-color:Red;"></div>
        </form>
    </body>
    </html>
  • 相关阅读:
    CSS揭秘三(形状)
    CSS揭秘(二背景与边框)
    js数组去重
    Iterator
    ES6数据结构set
    JS浏览器对象(BOM)
    JS 数据类型转换
    js的cookie,localStorage,sessionStorage
    (html+css)云道首页
    蓝桥杯-基础练习 01字串-C语言-5层循环法
  • 原文地址:https://www.cnblogs.com/nanfei/p/3013348.html
Copyright © 2011-2022 走看看