300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 左侧固定宽度 右侧自适应宽度的CSS布局

左侧固定宽度 右侧自适应宽度的CSS布局

时间:2023-10-21 17:03:10

相关推荐

左侧固定宽度 右侧自适应宽度的CSS布局

web前端|css教程

自适应宽度,css

web前端-css教程

BI上有高手专门讨论了这种布局方法,但他用了较多的hack,还回避了IE6的dtd。我在实际使用中,发现回避掉IE6的dtd定义后,会导致ajax模态框无法居中(VS的一个控件,自动生成的代码,很难修改)。 于是自己写了个简单的左右两列的布局,没用到什么hack,很简单,只是练手用用。

人人商城分销源码,vscode vue文件,Ubuntu 花屏,tomcat面试题,sqlite 空,用网页设计软件做一个,sql server数据库存储过程,云服务器重启,阿里云上传插件,前端框架,爬虫大数据,基于php,seo标题优化,springboot 操作 mongo,织梦标签大全,网站挂q,零食网页模板,长页面 模板,多多返利后台地址,css3实现页面滑动,学生信息管理系统 破解,基于vb开发的bp算法源程序 下载lzw

css代码:left和right都贴住左侧。设置left在right上面(z-index);在right内加个放内容的层(content);设置content距离right的左侧为200px,即刚巧等于left的宽度。

云点播php源码,如何用vscode安装vue,ubuntu hive案例,运行tomcat出问题,上海pupu爬虫,php rename函数,勒流seo优化费用,在线简历制作网站源码,帝国手机模板 免费lzw

* {margin:0; padding:0; list-style:none; }

.wrapper {width: 100%; }

.left {width:200px;background:#fcc; position:absolute; left:0 ;z-index:1 }

.right {width:100%;background:#ccc; position:absolute;left:0}

.content {margin-left:200px;background:#ffc; }

完整代码

单页面商城源码下载,vscode设置浅色背景,ubuntu播放avi,左上角tomcat,推荐一本sqlite3书,花园爬虫,php截取字符乱码,郑州seo推广外包价格,php制作wap网站,商城页面模板lzw

* {margin:0; padding:0; list-style:none; } .wrapper {width: 100%; } .left {width:200px; background:#fcc; position:absolute; left:0 ;z-index:1 } .right {width:100%; background:#ccc; position:absolute; left:0} .content {margin-left:200px; background:#ffc; }

左侧固定宽度200px

右侧宽度自动适应

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。