我對 HTML 非常陌生,目前正在學習全堆疊課程,如果我問任何愚蠢的問題,請提前道歉!
我的主要內容部分和頁腳之間顯示了一個空間,導致出現不必要的滾動條以查看頁腳(在一些死區之后)。
我嘗試手動更改元素的高度等,但沒有運氣,還嘗試了溢位:y 在各種元素上,但它們沒有達到預期的效果。我希望 index.html 頁面可以縮放以顯示大小,底部有頁腳(沒有 x 軸滾動條)。
請有人能把我從精神錯亂中拯救出來!我猜這有一個簡單的補救措施,我只使用 HTML / CSS。謝謝!
例子
在下面的評論中鏈接到 JSFiddle。
uj5u.com熱心網友回復:
空間是由屬性“padding-bottom: 100%;”引起的 在“嵌入容器”上(在樣式表的第 238 行)。洗掉此屬性將完全消除間隙。
不太清楚您所說的“以回應方式”是什么意思,但我希望這會有所幫助。
uj5u.com熱心網友回復:
洗掉 padding-bottom: 100%;
uj5u.com熱心網友回復:
您必須在類中洗掉.embed-container這些屬性padding-bottom: 100%;。
uj5u.com熱心網友回復:
這是由于樣式中的填充和邊距。
padding-bottom: 100% 在 課堂.embed-container 上margin:30px。.driver-quote, .summary您需要適當地調整margins和paddings。
我添加的示例代碼。 示例代碼
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/419396.html
標籤:
下一篇:React:更新UI元素
