栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > C/C++/C#

关于左右自适应问题,好好看会发现很有意思

C/C++/C# 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

关于左右自适应问题,好好看会发现很有意思

左面自适应,右面固定200px;





混合布局编程挑战

body{ margin:0; padding:0; font-size:30px; color:#fff}
.l{margin-left:-200px; height:500px; background:blue; position:absolute;width:100%;}
.left{ margin-left:200px; }
.right1{ width:200px;height:500px; background:#9C9; float:right;}




left
 right


左面固定右面自适应





混合布局编程挑战

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}
.left{ width:200px; height:500px; background:blue; float:left;}
.right{ margin-left:210px;height:500px; background:#9C9;position:absolute;width:100%;}
.foot{ height:50px; background:#F63;clear:both; }






top

    right
    left

foot


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/233795.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号