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>

相关阅读:
AtCoder 杂题乱写
JOISC2020 遗迹
【考试总结】20220107
AGC021F Trinity
CCPC2021 广州A/CF Gym103415A
【考试总结】20220115
JDK8 时间api当天的开始和截至时间
技术方案模板
正则表达式
组合算法

原文地址：https://www.cnblogs.com/nanfei/p/3013348.html