測試你的技能：尺寸

在此任務中，您有兩個盒子。第一個盒子的高度應至少為 100 畫素，即使內容不足以使其達到該高度。但是，如果內容超過 100 畫素，則內容不應溢位。透過從 HTML 中刪除內容來測試此盒子，以確保即使沒有內容，您仍然可以獲得一個 100 畫素高的盒子。

第二個盒子應固定在 100 畫素高，這樣如果內容過多，內容將溢位。

嘗試更新下面的即時程式碼以重新建立完成的示例。

在此任務中，您有一個盒子，它包含另一個盒子。您的任務是使內部盒子寬度為外部盒子的 60%。box-sizing 屬性的值設定為 border-box，這意味著總寬度包含任何填充和邊框。您還應使用寬度（或內聯尺寸）作為計算該百分比的尺寸，為內部盒子提供 10% 的填充。

最終結果應如下面的影像所示

嘗試更新下面的即時程式碼以重新建立完成的示例。

在此任務中，您在盒子中有兩個影像。一個影像小於盒子，另一個影像更大，並且超出盒子。如果您想象盒子是響應式的，因此可以增大和縮小，那麼您將應用於影像的哪個屬性，以便大影像縮小到盒子中，但小影像不拉伸。

最終結果應如下面的影像所示

嘗試更新下面的即時程式碼以重新建立完成的示例。