gpt4 book ai didi

html - 使除法在其父级中使用所有可用大小

转载 作者:行者123 更新时间:2023-11-28 04:50:15 25 4
gpt4 key购买 nike

在下面的代码中,父 div 的宽度将动态变化。左右分区的宽度是固定的。我需要中间部分填充父部分中的剩余空间。这样我认为中间部分的宽度应该根据它的父 div 动态变化。

<body>
<div id='parent' style='width:100%'>
<div id='leftDiv' style='width:30px;float:left;'>left division</div>
<div id='middleDiv' ***style='width:??;'***>middle division</div>
<div id='rightDiv' style='width:30px;float:right;'>right division</div>
</div>
</body>

请注意,我只想使用 CSS 而不是 js。

最佳答案

像这样使用

width: calc(100% - 60px);

左 div 30px 右 div 30px = 60px中间 div 宽度 = 100% - 60px

关于html - 使除法在其父级中使用所有可用大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34175792/

25 4 0
文章推荐: javascript - Bootstrap markdown extraButtons 无法与很棒的字体一起使用?
文章推荐: php -
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com