gpt4 book ai didi

html - html 元素之间不需要的间距

转载 作者:太空宇宙 更新时间:2023-11-04 11:22:10 26 4
gpt4 key购买 nike

我的两个元素(content1 和页脚)之间似乎有填充。我不想要这个“填充”,但我根本不明白为什么它在那里。这是有问题的 html 文本的一部分 - “填充”仍然出现。我尝试将 padding: 0 和 margin: 0 添加到两个元素中,但没有结果。

<style type="text/css">
body{
margin: 0;
}
.footer{
position: relative;
width: 100%;
min-width: 512px;
height: 150px;
background-color: black;
font-size: 12px;
font-family: arial;
color: gray;
z-index: 5;
}
.content1{
position: relative;
width: 100%;
height: 300px;
background-color: #E6E6E6;
z-index: 5;
}
.imagecontainer{
height: 80%;
float: right;
}
.image{
position: relative;
display: block;
height: 100%;
}
</style>
<body>
<div class="content1">
<!--<div class="textcontainer">
<p style="color: gray; font-size: 15px; font-family: arial;">this is some text</p>
</div>-->
<div class="imagecontainer">
<img class="image" src="C:\Users\wrigh\Pictures\SWITCH\capture01.png"></img>
</div>
</div>

<div class="footer">
<center><p style="padding-top:50px; max-width: 50%;">ONLY AVAILIBLE ON ANDROID<br><br>UPDATE: NO CURRENT WORK IS SCHEDULED</p></center>
</div>
</body>

回应这个问题的建议答案。我已经从文本中删除了图像,不幸的是“填充”没有被删除。

最佳答案

看来你的段落标签有边距。

应用此 css 规则:

.footer p {
margin: 0;
}

这是一个fiddle

关于html - html 元素之间不需要的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32682009/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com