我有以下html代碼：
<div id="bar" class="p-4 bg-white">
<div class="flex justify-between">
<h3 class="text-2xl font-bold text-left text-black">Users</h3>
<a class="py-2 px-4 text-sm font-extralight rounded shadow-md focus:outline-none focus:ring-2 focus:ring-opacity-75 bg-blue-500 text-white hover:bg-blue-700 focus:ring-blue-400" href="/admin/users/new">New user</a>
</div>
</div>
我發現當我洗掉“新用戶”按鈕（“a”標簽）時，div#bar 元素的高度會變小一點。
洗掉右“新用戶按鈕”（“a”標簽）后，div#bar 元素的高度發生了變化：
我需要 div#bar 元素保持其高度，無論其子元素“新用戶”按鈕是否存在。
因為我想要一個集中的頁面布局，我的一些頁面標題包含右鍵，其他可能不包含右鍵。
如何避免子元素的填充影響其父元素的實際高度？
uj5u.com熱心網友回復：
您可以在 上添加一些填充h3以使其高度相同或大于按鈕，這樣添加按鈕不會增加容器高度。
或者您可以在容器上設定一些最小高度。
檢查我制作的這個 Tailwind 游樂場
uj5u.com熱心網友回復：
給它一個父級最小高度。
min-h-something
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/411392.html
標籤：
下一篇：如何使影片進度條連續？