web前端|css教程
css响应式布局
web前端-css教程
1、两栏布局 左侧定宽 右侧自适应
多人视频聊天网站源码站,vscode bin插件,ubuntu weka,tomcat重命名,sqlite取得系统时间,js微信聊天插件,前端开源的性能监控框架,安顺爬虫贴吧招聘,des php 解密,点击SEO软件,手机网站模板 优帮云,易语言取网页源码不完整,web前端中文模板下载lzw
左侧定宽
右侧自适应
灰色按钮克星源码,使用vscode搭建vue,ubuntu如何监控,tomcat访问不了欢迎,神采 爬虫,php 查询 json,seo最新收录技巧,html5网站整站源码,ecshop开源模板lzw
.left_1{float:left; width:200px;}.right_1{margin-left:200px;}
2、两栏布局 左侧自适应 右侧定宽
.net管理系统源码,ubuntu 安装系统卡死,tomcat通过ip访问不,w网络爬虫,vs编写php,零基础学seo看哪些书推广lzw
左侧自适应
右侧定宽
.left_2{float:left; width:100%; margin-right:-200px;}.right_2{float:right; width:200px;}
3、三栏布局 两侧定宽 中间自适应
左侧定宽
中间自适应
右侧定宽
.left_3, .right_3{position:relative; float:left; width:200px;}.left_3{margin-right:-200px;}.right_3{margin-left:-200px;}.center_3{float:left; width:100%;}
4、三栏布局 左侧自适应 中间和右侧定宽
左侧自适应
中间定宽
右侧定宽
.center_4, .right_4{position:relative; float:right; width:200px;}.left_4{float:left; width:100%; margin-right:-400px;}
5、三栏布局 左侧和中间定宽 右侧自适应
左侧定宽
中间定宽
右侧自适应
.left_5, .center_5{position:relative; float:left;width:200px;}.right_5{margin-left:400px;}
以上写法可兼容5大浏览器,及IE6到IE8浏览器