【CSS】两列内容有背景,有间距,怎么右边和左边高度保持一致?
来源:互联网 发布:matlab矩阵设置 编辑:程序博客网 时间:2024/05/17 05:12
问题描述:
解决方案:
1、css
.box {width: 240px; padding:0 20px; border: 1px solid #000;}
.con1 {border: 1px solid #999;width:100px; background:#f0f0f0; float: left; word-break: break-all;}
.con2 {border: 1px solid #999;margin-left: 20px; width:100px; background:#f0f0f0; float: left; word-break: break-all;}
2、Html
<div class="box">
<div class="con1" id="left">eftconleftefftconleftconleftcoleftcon</div>
<div class="con2" id="right">right</br>right</br>right</br>right</br></div>
</div>
<script type="text/javascript"> document.getElementById("right").style.height = document.getElementById("left").offsetHeight + "px"; </script>
预览效果:
0 0
- 【CSS】两列内容有背景,有间距,怎么右边和左边高度保持一致?
- css实现左边高度自适应右边高度
- css解决办法:左右布局,右边随内容撑高,左边怎么实现跟右边等高
- 两列:左边固定 右边自动适应
- div+css怎样才能靠左边对齐,为什么距左边有很大的间距
- css布局-两列,左边宽度自适应,右边固定宽度200px
- 通过 CSS 实现一个左边固定宽度、右边自适应的两列布局
- css实现左边定宽右边自适应的两列布局5种方法
- 左边有导航栏右边如何居中
- Toolbar自定义View左边有间距
- activity 的toolbar左边有间距
- 两列布局:左边定宽,右边自适应(撑满)
- 在一个div中有两个子元素,子元素浮动,左边div高度随右边变化
- 左边菜单,右边内容
- 左边菜单,右边内容
- css二列布局(左边固定,右边自适应)
- css 左右两栏 左边固定右边自适应
- 判断点在有向线段的左边还是右边
- Baremetal驱动调研
- MongoDB基本使用
- Golang分布式并发---群体性热点淘汰算法
- 一个关于jboss "Halting VM"的情况处理
- java.sql.BatchUpdateException(转载)
- 【CSS】两列内容有背景,有间距,怎么右边和左边高度保持一致?
- Centos7 安装最新的Jmagick 6.7.7 版本使用ImageMagick
- pushViewController/presentModalViewController/addSubView区别及使用方法
- C++ UTF8编码转换 CChineseCode
- openstack 使用 spice
- 开始博客之旅
- 用QML创建 QQuickWindow
- HTML适应手机浏览器宽度
- slow query log