CSS 100%高度與填充/邊緣這讓我瘋狂了幾天，但實際上，這是我在過去幾年里經(jīng)常遇到的一個問題：如何使用HTML/CSS，使一個元素的寬度和/或高度達(dá)到其父元素的100%，并且仍然有適當(dāng)?shù)奶畛浠蜻吘?？所謂“適當(dāng)”，我的意思是如果我的父元素是200px高個子和我指定height = 100%帶著padding = 5px我希望我能得到一個190px高元素border = 5px在所有方面，在父元素中很好地居中?，F(xiàn)在，我知道標(biāo)準(zhǔn)的box模型并不是這樣指定它應(yīng)該工作的(雖然我想知道為什么，確切地.)，所以顯而易見的答案是行不通的：#myDiv {
width: 100%
height: 100%;
padding: 5px;}但在我看來，必須有某種方法為一個任意大小的父母可靠地產(chǎn)生這種效果。有誰知道完成這個(看似簡單的)任務(wù)的方法嗎？哦，我對IE兼容性不太感興趣，所以(希望如此)會讓事情變得更容易一些。編輯：既然有人問了一個例子，下面是我能想到的最簡單的例子：<html style="height: 100%">
<body style="height: 100%">
<div style="background-color: black; height: 100%; padding: 25px"></div>
</body></html>現(xiàn)在的挑戰(zhàn)是讓黑匣子在所有邊緣上顯示一個25像素的填充，而頁面變大到需要滾動條的程度。
CSS 100%高度與填充/邊緣
繁華開滿天機(jī)
2019-07-11 12:54:01
