如何去除div底部的额外空白空间?

20 浏览
0 Comments

如何去除div底部的额外空白空间?

我一直试图将一张图片添加到一个没有填充的 div 中,但是似乎出现了尺寸调整的问题。它应该显示的是下面附加的内容,但是没有底部的额外空间,但是它实际显示的是(即使在尝试过 CSS 之后)显示了可怕的额外空间。我尝试过使用 min-height、max-height、手动设置像素高度和 overflow: hidden;。以下是我的 CSS 和 HTML 代码:

CSS:

div.container {

padding: 3px;

border: 1px solid black;

}

div.container2 {

border: 1px solid black;

}

div.container2 .header {

overflow: hidden;

height: auto;

}

div.cascade {

margin: auto;

width: max-content;

}

div.blackbar {

background-color: black;

padding-left: 3px;

padding-right: 3px;

color: white;

}

.blackbar a {

color: white;

}

HTML:

GBook

Log In | Sign Up

GBook

qqq

请告诉我任何可能的解决方案。

0
0 Comments

问题原因:在给定的`div`元素中存在额外的底部空白。

解决方法:将`img`元素的`display`属性设置为`block`即可解决该问题。感谢Laif的帮助。

0