SINODATA_QJF 2016-05-08 09:45 采纳率: 0%
浏览 1307

如何实现DIV CSS三列自适应

如何实现DIVCSS三列自适应（三列都不定宽）呢，如：左列占屏幕10%，中间列占屏80%，右列占屏10%，这样刚好三列占满屏幕宽度

  • 写回答

3条回答

  • danielinbiti 2016-05-08 10:45
    关注
     用bootstrap
 或者
 <!DOCTYPE html>
<html>
<body>
<div style='display:table-cell;width:5000px;background-color:red;'>111</div>
<div style='display:table-cell;width:80%;background-color:blue;'>222</div>
<div style='display:table-cell;width:10%;background-color:yellow;'>333</div>
</body>
</html>

第二个尽可能打，超出屏幕后会按照比例等分，浏览器需IE8以上，支持html5
    评论

报告相同问题？

悬赏问题

  • ¥15 LiBeAs的带隙等于0.997eV,计算阴离子的N和P
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 来真人，不要ai！matlab有关常微分方程的问题求解决，
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字？
  • ¥100 求三轴之间相互配合画圆以及直线的算法