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
    
    评论

报告相同问题?

悬赏问题

  • ¥30 vmware exsi重置后登不上
  • ¥15 易盾点选的cb参数怎么解啊
  • ¥15 MATLAB运行显示错误,如何解决?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容
  • ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题
  • ¥20 yolov5自定义Prune报错,如何解决?
  • ¥15 电磁场的matlab仿真
  • ¥15 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面