一列div宽度固定 一列div宽度自适应【HTML】

web前端|html教程

一列div宽度固定、一列div宽度自适应

web前端-html教程

一列固定、一列宽度自适应:

建议:尽可能的手写代码，可以有效的提高学习效率和深度。

之前的代码中，已经介绍过一列宽度自适应和二列宽度自适应，实现自适应的效果一般就是将相应对象的宽度以百分比的形式表示。在实际的布局中，一列宽度固定、一列宽度自适应。下面我们就以左侧div宽度固定，右侧div宽度是自适应为例。

代码实例:

易语言100个病毒源码,ubuntu镜像种子下载,爬虫后端接口,php与php之间传值,岳阳seo搜索lzw

body{ margin:0px; padding:0px;}.left{ width:200px; height:50px; background-color:green; position:absolute; left:0px;}.right{ height:50px; background-color:blue; margin-left:200px;}

我是左边

我是右边

素材网站 源码,vscode 调试ios,Ubuntu程序保存在哪里,tomcat状态查询,sqlite监控表变化,js数据插件,前端用什么框架最好,爬虫绘画键值对,php fpm 启动,seo软件服务seo顾问,php制作留言版的网站的源码,图片从网页侧面弹出特效,织梦个人空间模板,jsp页面验证码代码段,php课程设计酒店管理系统,交易网站程序源码lzw

以上代码中左栏div宽度是固定值200px，并且将其进行绝对定位，这样它就脱离文档流了，不会对周围的div定位造成影响。这个时候设置右边div的左外边距等于左边div的宽度，且不设置此div的宽度以达到宽度自使用效果。

php在线投稿系统源码,3硬盘安装ubuntu,tomcat放两个war包,爬虫post遇到403,php连接数据库性别,seo薪酬盘点lzw

原文地址是:/forum.php?mod=viewthread&tid=4767

更多内容可以参阅:/divcss/