搜索
写文章提问
登录注册
展开

如何保持两块平行的高度相同？

内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (10)
  • 关注 (0)
  • 查看 (60)

我有两块硬币并排着。我希望它们的高度是一样的，如果其中一个调整大小的话，保持不变。但我还是搞不懂这个。想法？

为了澄清我令人困惑的问题，我希望这两个盒子的大小总是一样的，所以如果一个盒子因为文本被放进去而增长，那么另一个盒子应该长得与高度相匹配。

<div style="overflow: hidden">
    <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">
        Some content!<br/>
        Some content!<br/>
        Some content!<br/>
        Some content!<br/>
        Some content!<br/>
    </div>
    <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px">
        Some content!
    </div>
</div>
提问于
用户回答回答于

这是许多人遇到过的一个常见问题基本上，你所做的是使div/列都非常通过添加一个padding-bottom: 100%然后“欺骗浏览器”认为他们没有那么高margin-bottom: -100%，其中也包括了许多例子。

.container {
    overflow: hidden;
}
.column {
    float: left;
    margin: 20px;
    background-color: grey;
    padding-bottom: 100%;
    margin-bottom: -100%;
}
<div class="container">

    <div class="column">
        Some content!<br>
        Some content!<br>
        Some content!<br>
        Some content!<br>
        Some content!<br>
    </div>

    <div class="column">
        Something
    </div>

</div>
赞0收藏0评论0分享
这是许多人遇到过的一个常见问题基本上，你所做的是使div/列都非常通过添加一个padding-bottom: 100%然后“欺骗浏览器”认为他们没有那么高margin-bottom: -100%，其中也包括了许多例子。 .container { overflow: hi...
查看全部 10 个问答

热门问答

mqtt通信数据转发至另一Topic失败？

1回答
天使的炫翼
推荐已采纳

设置转发的这个产品的数据格式设置的是自定义，系统会认为所有数据都是二进制数据。如果需要使用json解析，需要设置产品数据格式是JSON。

赞1收藏0评论1分享
设置转发的这个产品的数据格式设置的是自定义，系统会认为所有数据都是二进制数据。如果需要使用json解析，需要设置产品数据格式是JSON。

腾讯云GPU服务器不能联外网吗？

1回答
GPU 云服务器
小爱同学

腾讯云 · 技术支持 (已认证)

推荐
腾讯云GPU服务器可连外网，GPU 云服务器提供和标准CVM 云服务器一致的方便快捷的管理方式。 图片.png GPU云服务器作为CVM云服务器的一类特殊实例，购买、 操作、维护等方式与CVM云服务器一致 图片.png GPU 云服务器（GPU Cloud Computin...... 展开详请
赞0收藏0评论0分享
腾讯云GPU服务器可连外网，GPU 云服务器提供和标准CVM 云服务器一致的方便快捷的管理方式。 图片.png GPU云服务器作为CVM云服务器的一类特殊实例，购买、 操作、维护等方式与CVM云服务器一致 图片.png GPU 云服务器（GPU Cloud Computin...

win服务器怎么给文件夹配置755权限？

1回答
其他
蒋小爱
推荐
下面以腾讯云win服务器（Windows Server 2016 数据中心版 64位中文版）为文件夹配置755权限为例 1.右击【属性】 图片.png 2 .选择【安全】- 【编辑】 图片.png 3. 可对当前文件进行755权限配置 图片.png 要修改某个文件的权...... 展开详请
赞0收藏0评论0分享
下面以腾讯云win服务器（Windows Server 2016 数据中心版 64位中文版）为文件夹配置755权限为例 1.右击【属性】 图片.png 2 .选择【安全】- 【编辑】 图片.png 3. 可对当前文件进行755权限配置 图片.png 要修改某个文件的权...

腾讯云sdk 兼容JDK6？

1回答
IDE、JDK
zqfan
推荐

如果你说的是https://cloud.tencent.com/document/sdk/Java的话，jdk最低版本是1.7，不支持1.6

赞0收藏0评论0分享
如果你说的是https://cloud.tencent.com/document/sdk/Java的话，jdk最低版本是1.7，不支持1.6

android 离线推送 为什么setOfflinePushListener不回调？

1回答
云通信、Android
嗨喽你好摩羯座
推荐
您好，使用云通信 IM SDK 的通知栏提醒，建议参考：https://cloud.tencent.com/document/product/269/9234 中的描述来操作，通知栏提醒的内容由类 TIMOfflinePushNotification 来定义，可以通过这个类对外...... 展开详请
赞0收藏0评论0分享
您好，使用云通信 IM SDK 的通知栏提醒，建议参考：https://cloud.tencent.com/document/product/269/9234 中的描述来操作，通知栏提醒的内容由类 TIMOfflinePushNotification 来定义，可以通过这个类对外...

为什么cmq的topic配置订阅者为queue，向topic发送消息无法到达queue？

1回答
消息队列 MQ
morning mao
推荐

是的， 向topic发送消息应该会立即投递到订阅者。您可以检查您配置的队列名称是否正确且是真实存在的队列。如还不能解决您的问题，您可以点击控制台右上角的“工单”，进行问题进一步的排查，腾讯云会有专业的售后24小时为您服务。

赞0收藏0评论0分享
是的， 向topic发送消息应该会立即投递到订阅者。您可以检查您配置的队列名称是否正确且是真实存在的队列。如还不能解决您的问题，您可以点击控制台右上角的“工单”，进行问题进一步的排查，腾讯云会有专业的售后24小时为您服务。

所属标签

扫码关注云+社区