Css 子分区高度是否与兄弟分区引导3相同?
是否可以在bootsrtap 3中使子div与父div的高度相同 下面是一个例子Css 子分区高度是否与兄弟分区引导3相同?,css,twitter-bootstrap,Css,Twitter Bootstrap,是否可以在bootsrtap 3中使子div与父div的高度相同 下面是一个例子 <div class="row clearfix"> <div class="col-md-6" style="background-color:red;"> VERY LONG TEXT, JUST LONER< AND LONGER, AND LONGER, AND LONGER </div> <div
<div class="row clearfix">
<div class="col-md-6" style="background-color:red;">
VERY LONG TEXT, JUST LONER< AND LONGER, AND LONGER, AND LONGER
</div>
<div class="col-md-6" style="background-color:green;">
SHORT TXT
</div>
</div>
非常长的文本,只是孤独<越来越长,越来越长,越来越长
短文本
我希望右列和左列的高度相同,这样做容易吗?是的,只需在两个divs style=“height:100px;”上设置一个高度即可。是的,只需在两个divs style=“height:100px;”上设置一个高度即可。结果如下: 结果如下:
您将在这里找到您的答案: 您可以在下一个链接中找到一个示例:
在这里您可以找到您的答案: 您可以在下一个链接中找到一个示例:
你能分享你的CSS吗?我唯一可以推荐的是将.col-md-6的高度设置为100%类似的问题:CSS和JavaScript中有很多解决方案。设置100%高度将不起作用。只需谷歌等高divs…很好,你能为这个简单的例子写解决方案吗?检查这个:你能分享你的CSS吗?我唯一可以推荐的是将.col-md-6的高度设置为100%类似的问题:CSS和JavaScript中有很多解决方案。设置100%高度将不起作用。只需谷歌等高divs…很好,你能为这个简单的例子写解决方案吗?检查这个:然后对每个div使用js或简单高度:XXpx:)“然后对每个div使用js或简单高度:XXpx”这是简单的css,不是欺骗。。cssI的基本就是这样的!然后对每个div使用js或simple height:XXpx:)“然后对每个div使用js或simple height:XXpx”这是简单的css,不是欺骗。。cssI的基本就是这样的!有简单的css解决方案吗?上面的许多用户向您展示了更多100%可行的解决方案,甚至是简单的css解决方案,请查看我上面的评论或Sean Keane的回答。有简单的css解决方案吗?上面的许多用户向您展示了更多100%可行的解决方案,甚至是简单的css解决方案,检查我上面的评论或肖恩·基恩的回答。如果你只设置了最小高度,则两个div不必相等。例如,设置最小高度:200px;但是左侧的div可以有300px,右侧的div可以有300px。这种解决方案对于响应性设计并不理想。如果仅设置最小高度,则不需要两个div相等。例如,设置最小高度:200px;但是左边的div可以有300px,右边的div可以有300px。这种解决方案对于响应性设计并不理想。
.row {overflow: hidden;}
.col-md-6 {
padding-bottom: 1000px;
margin-bottom: -1000px;
}