常见CSS两栏式布局
发布日期:2021-08-13 18:02:38 浏览次数:0 分类:技术文章

代码下载:

效果展示:

代码:

<!DOCTYPE html><html lang="utf-8"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head>     <title>标题</title>     <style>        .main{
                    float:right;                width:100%;                margin-left:-220px;        }        .content{
                margin-left:220px;            border:1px #223344 solid;            padding:5px;            word-wrap:break-word;            word-break: break-all;        }        .side{
                float:left;            width:200px;            border:1px #455664 dashed;        }     </style>    </head>     <body>        <div class="main">            <div class="content">                <div>                ......                </div>            </div>        </div>        <div class="side">                <ul>                    <li>菜单一</li>                    <li>菜单二</li>                    <li>菜单三</li>                    <li>菜单四</li>                </ul>        </div>     </body></html><script type="text/javascript"><!--    // 脚本//--></script>

 

转载于:https://www.cnblogs.com/xiandedanteng/p/7465772.html

上一篇:SqlServer_小工具_获取北京时间
下一篇:R语言 rds文件 和 文本文件 转换

关于作者

    白红宇是个全栈工程师,前端vue,小程序,app开发到后端框架设计,数据库设计,环境部署上线运维。

最新文章