900字范文 > CSS等高布局 3div自适应最高的高度【HTML】

CSS等高布局 3div自适应最高的高度【HTML】

时间：2024-01-24 20:12:04

web前端|html教程

CSS等高布局,3div自适应最高的高度

web前端-html教程

色影影院apk源码,vscode前台开发,ubuntu ble,tomcat容器部署,sqlite转化成视频,织梦插件手动,vue前端框架开发文档,乌龟缸里的黑色爬虫,php 替换一次,java 电商seo,搭建个人电影网站源码,网页登录 php代码下载,form 54模板lzw

CSS等高布局*{ margin:0; padding:0; } #wrap{ width:1000px; margin:0 auto; overflow:hidden; zoom:1;/* for ie6 */ } #left,#center,#right{ margin-bottom:-10000px; padding-bottom:10000px; } #left{ float:left; width:250px; background:#00FFFF; } #center{ float:left; width:500px; background:#FF0000; } #right{ float:right; width:250px; background:#00FF00; }

left

winform权限管理源码,将默认系统ubuntu,tomcat定时日志脚本,爬虫解析方式,php 版本区别,平顶山网络营销seo关键词优化lzw

left

透明主题源码,ubuntu安装命令apk,爬虫股票研报,php ksort,昆明seo结算lzw

left

center

right

子div: margin-bottom:-1000px; padding-bottom:1000px;

父div： overflow:hidden; zoom:1;

子div padding-bottom:1000px; 把自己的盒子向下推开变高了；margin-bottom:-1000px; 让父div可以向上收缩到内容实体的高度，含内容实体高度最高的子div把父div的收缩挡住了，所以看上去3个div高度相等。其实空白的高度都是padding,是可以布局内容的padding,因为设置了负外边距

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。