CSS之外层带背景内层左右模式:右侧内容高度自增
2017-02-06 15:53
239 查看
<div style="margin: 0 auto; width:1000px; overflow:hidden; background:#FFFFFF;">
<div style="width:240px; min-height:600px; height:auto
!important; height:600px; float:left;">
左侧导航
</div>
<div style="width:760px; min-height:600px; height:auto
!important; height:600px; float:right;">
右侧内容
</div>
</div>
需要注意的是:最外层即父层设置:高度不要了加 overflow:hidden;
内层左侧和右侧都是最小高度自增即可!
<div style="width:240px; min-height:600px; height:auto
!important; height:600px; float:left;">
左侧导航
</div>
<div style="width:760px; min-height:600px; height:auto
!important; height:600px; float:right;">
右侧内容
</div>
</div>
需要注意的是:最外层即父层设置:高度不要了加 overflow:hidden;
内层左侧和右侧都是最小高度自增即可!
相关文章推荐
- 【CSS】两列内容有背景,有间距,怎么右边和左边高度保持一致?
- CSS一行两列左右背景高度自适应
- DIV+CSS中div高度随内容增多自动延伸(DIV背景色或背景图自动伸长)
- Div+CSS 制作三栏式页面布局(左右高度随中间内容自动调整)
- CSS一行两列左右背景高度自适应
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- CSS 实现未知内容高度的垂直水平居中(改良版)
- css控制背景图左右对齐 实现鼠标移入移出效果
- css圆角背景图片按钮-自适应内容大小
- css 在未知高度的容器内让内容垂直居中
- xhtml+css(div+css)中间的文字内容高度是否不够一屏,层能居底显示
- 关于CSS中内层使用float导致外层的背景无法显示的问题的解决方法
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- 用css实现表格背景透明,内容不透明
- div+css中设置了float属性后如何让外层的高度随着内层的高度大小自动调整
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- js+css使文本框自动适应内容的高度
- css实现对背景图片的定位,获得一张图片上不同位置的内容
- js+css使文本框自动适应内容的高度
- 先加载右侧内容模块的左右两栏布局