gpt4 book ai didi

html - 为什么 div 没有扩展到父 div 的整个宽度

转载 作者:太空宇宙 更新时间:2023-11-03 21:17:24 24 4
gpt4 key购买 nike

fiddle :https://jsfiddle.net/eze5x9t9/

HTML:

<div style="width: 100%; overflow: hidden; height: 65px; background: #00CC00;">
<div style="width: 60%; overflow: hidden; float: left; background: #3074A3; color: #EDEDED; height: 65px; text-align: center; display: table; vertical-align: middle;">

<span style="font-size: 35px;display: table-cell;vertical-align: middle;">My Name</span>
</div>
<div style="width: 40%; overflow: hidden; float: left; background: #266996; color: #EDEDED; height: 65px; text-align: center; display: table; vertical-align: middle;">
<span style="font-size: 20px;display: table-cell;vertical-align: middle;">My Job</span>
</div>
</div>

截图:

enter image description here

为什么尽头有绿地? fiddle 是在 Chrome 中完成的。

最佳答案

关于html - 为什么 div 没有扩展到父 div 的整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40938665/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com