博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应
阅读量:6866 次
发布时间:2019-06-26

本文共 453 字,大约阅读时间需要 1 分钟。

xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应。

和大家分享一个实现方式:

1.html代码

1 
左栏固定宽度为200px
2
右栏固定宽度为200px
3
中间自适应宽度

2.css代码

1 body{ 2     font-size:12px; 3     margin:0; 4 } 5 .dyleft{ 6     float:left; 7     width:200px; 8 } 9 .dyright{    10     float:right;11     width:200px;12 }13 .dycenter{14     margin:0 210px;15 }16 div{17     border: dotted 1px green18 }

 

转载于:https://www.cnblogs.com/WebMobile/p/3923996.html

你可能感兴趣的文章
实时群聊小程序开发记录
查看>>
Python 数据库备份脚本(邮件通知)
查看>>
学习SDL的一些资料(整理)
查看>>
[动态库]深入分析Windows和Linux动态库应用异同
查看>>
Linux下查看CPU信息、机器型号等硬件信息命令
查看>>
Lync Server 2013 部署 _ 部署简介及系统要求
查看>>
前端小随笔
查看>>
view属性大全
查看>>
Java文件编码示例
查看>>
CactiFans V1.0中文版发布
查看>>
HTML如何显示小于号“<”等特殊符号?
查看>>
别伤了虚拟桌面管理员的"心"
查看>>
Windows系统使用IntelliJ IDEA 搭建Hadoop的开发调试环境(一)
查看>>
yum安装lamp
查看>>
Web.Config文件中数据库连接配置
查看>>
[Unity 3D] Unity 3D 性能优化 (一)
查看>>
spring Quartz定时任务调度 时间设置
查看>>
SymmetricDS: 数据库数据同步Database synchronization
查看>>
Disabling OOM killer on Ubuntu 14.04
查看>>
VBS备份脚本
查看>>