web前端|html教程
两列等高布局 padding+margin的负值 CSS布局奇淫技巧之-多列等高
web前端-html教程
代码：
个人统计源码,vscode恢复窗口布局,ubuntu开机log,tomcat 堆栈信息,sqlite3 sql建表,蚊帐上爬虫子是什么虫子,nginx php版本,晋城seo优化口碑推荐,行云海cms仿网站 教程,易语言 通过post向网页上传文件,dede标签模板下载lzw
效果图：
jsp点击量排名源码,ubuntu18 dash,内置tomcat是什么原理,豆瓣爬虫文件,php添加用户代码,上海口碑好的seo优化值多少钱lzw
angular2源码解析,ubuntu阻止杀死程序,tomcat黑白名单添加,家庭爬虫图,php打印数组代码,python发包seolzw
路人甲：OK?等高了？？
路人丙：不是吧？
路人乙：你这是在逗我？
xiaomogg：
效果有点惨，不过这的确是已经做了登高处理的
为什么“登高”，看起来却不等高
请留意代码处红框处
padding-bottom:99px;
margin-bottom:-99px;
路人甲：这说明不了什么问题！！
路人乙：快进入主题吧
路人丙：………………….
xiaomogg：
其实“等高” 真的是不等高
1.如果把padding-bottom:99px; margin-bottom:-99px;的值该大点例如：padding-bottom:999px; margin-bottom:-999px，同时给两列最外层添加overflow：hidden；就能看到“等高”了
2.事实上，上面个例子如果不增加margin负值和padding的值，及时最外层给了overflow：hidden，效果仍然如上
3.再看看第一步的效果图
两边”“登高”了，及时右侧没有任何东西，不过这只是“障眼法”
①去掉最外层的overflow：hidden；
②或两列任意一列的填充内容高度大于999就会看到不等高的情况了
③“等高两列布局”，“登高多列布局”，如果单纯用csss做的话，只是取巧或“障眼法”，如果出现上面两张情况或未知情况的话，“登高”
的弊端就暴露在眼前
④如果可以限制两列内容高度，可以尝试使用纯css 两列布局
以上效果经过检测，支持IE7 谷歌 火狐
版权声明：本文为博主原创文章，未经博主允许。
