博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS控制DIV两列左右高度一致
阅读量:7071 次
发布时间:2019-06-28

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

hot3.png

css代码:

.wrap{width:600px;margin:0 auto; overflow:hidden;}

.left{background:#ccc;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}

.right{background:#eee;width:300px;float:left;margin-bottom:-10000px;padding-bottom:10000px;}

 

html代码:<div class="wrap"><div class="left">左侧</div><div class="right">右侧<br />右侧<br />右侧<br />右侧</div></div>

说明:通过控制margin-bottom:-10000px;padding-bottom:10000px;这个样式,达到左右高度一致,实际上两边的高度在10000px范围内都可以保持一致,可以设置更高。

[转]

转载于:https://my.oschina.net/u/250130/blog/157635

你可能感兴趣的文章
敏捷心态到底是什么?
查看>>
矩阵:如何使用矩阵操作进行 PageRank 计算?
查看>>
腾讯云10亿扶持小程序:3元套餐可能免费
查看>>
专访《Haskell函数式编程入门》作者张淞:浅谈Haskell的优点与启发
查看>>
eval()的使用和兼容性问题
查看>>
KMP模式匹配算法(二) next数组
查看>>
连连支付注意事项
查看>>
【面试系列】番外:关于糯米面试
查看>>
angular组件(ngKeybordSelect)-通过键盘实现多选
查看>>
C — 用单向循环链表完成“类约瑟夫环”问题
查看>>
整型字面量的那些事
查看>>
Fastreport.Net用户手册(二):报表设计器
查看>>
精益 React 学习指南 (Lean React)- 1.6 Flux
查看>>
【译】UICollectionView 轻松重排
查看>>
Vue.js前后端通用组件开发心得-菜鸟篇
查看>>
快速制作机房3D效果图教程
查看>>
可以运行 React Native 的手机浏览器
查看>>
install golang 开发环境 with win 64
查看>>
C++参考的翻译或校对
查看>>
PyTips 0x07 - Python 字符串
查看>>