css实现左边高度自适应右边高度
2017-11-06 11:18
429 查看
css样式 <style> .container {width:960px; height:100%; overflow:hidden; margin:0 auto;} .left {height:100%; width:100px; overflow:hidden;background: powderblue;word-break: break-all; padding-bottom:9999px; margin-bottom:-9999px; float:left;} .right {width:100px; float:left; height:auto;background: pink;word-break: break-all;} </style> html代码: <div class="container"> <section class="left"> 鹅鹅鹅曲项向天歌 </section> <section class="right"> 床前明月光,疑是地上霜,举头望明月,低头思故乡 </section> </div>
相关文章推荐
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- CSS两栏布局,左边定宽,右边自适应怎么实现?
- CSS中实现左边固定,右边自适应
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- CSS实现左边不动,右边自适应布局
- css实现左边div固定宽度,右边div自适应撑满剩下的宽度
- css实现左边div自适应宽度,右边宽度适应左边
- CSS 布局实例系列(二)如何通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- div模拟textarea以css控制最大高度和最小高度实现高度自适应实例页面
- css 左右两栏 左边固定右边自适应
- 实现一个div,左边固定div宽度200px,右边div自适应
- css网页布局 --- 左边固定,右边自适应
- CSS完美实现iframe高度自适应(支持跨域)
- CSS—左边固定,右边自适应
- 用CSS实现ul标签中图片与文字底边对齐及自适应高度
- css实现左栏固定右栏自适应,高度自适应的布局
- css实现自适应屏幕高度;
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- css 没有宽度和高度声明实现的全屏自适应效果