页边距-底部不适用于图像元素
是指在页面布局中，设置的底部页边距不会影响图像元素的位置和大小。
通常情况下，页面布局会使用CSS样式来设置页边距，包括上、下、左、右四个方向的边距。这些页边距可以用来控制元素与页面边缘之间的距离，从而实现页面的美观和排版效果。
然而，对于图像元素来说，页边距-底部不适用的意思是，设置的底部页边距不会对图像元素产生影响。换句话说，无论设置多大的底部页边距，图像元素的位置和大小都不会受到影响，仍然会紧贴在页面底部。
这种情况下，如果需要调整图像元素与页面底部之间的距离，可以使用其他的布局方式或者调整图像元素的样式属性来实现。例如，可以使用相对定位或绝对定位来控制图像元素的位置，或者通过设置图像元素的外边距来调整与页面底部的距离。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、音频等多媒体文件的存储和管理。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等领域。详细信息请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据采集、数据存储和分析等功能，支持各种物联网应用场景。详细信息请参考：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（Mobile）：提供移动应用开发和运营的一站式解决方案，包括移动后端服务、移动推送、移动分析等功能。详细信息请参考：https://cloud.tencent.com/product/mobile
相关·内容
4回答
我试着用margin bottom来定位一个div元素。由于某些原因，页边距-底部似乎不会影响元素的位置。我试着寻找答案，尽管所有的答案都与position:absolute有关，但我仍然无法让它工作。
然而，我确实设法使用了负的页边距顶部来定位它，但我仍然很好奇是什么原因导致它无法工作。
这是显示超文本标记语言/CSS的。
(我所说的是图像。边距-底部设置为100px。)
浏览 2提问于2012-06-15得票数 1
回答已采纳
我已经在上面提到了一些问题。ALso检查了答案：
填充是边框内的空间，即边框和实际视图内容之间的空间。请注意，填充完全围绕内容:顶部、底部、右侧和左侧都有填充(可以是独立的)。
边距是边框外的空间，位于边框和此视图旁边的其他元素之间。在图像中，边距是整个对象外部的灰色区域。请注意，与填充一样，页边距完全围绕内容:顶部、底部、右侧和左侧都有页边距。
此外，有关填充和页边距的更多信息，请参阅：
但是，填充和边距之间的根本区别是什么？根据操作系统和设备的不同，行为是否会有所不同？
我有一个普通的，简单的布局。没有问题的代码，已经使用布局文件夹-布局和布局-sw600dp加上drawables-4
浏览 61提问于2014-02-23得票数 51
回答已采纳
1回答
我想将margin-top设置为<small>标记。换句话说，我怎样才能用上面的元素来增加<small>标签的空间？
注意：我可以使用line-height来增加空间，但我只想从顶部设置空间，而不是从顶部和底部设置空间。
small{
margin-top: 100px;
color: #999;
}
<div>It is a test<div>
<small>this need to some margin-top</small>
我怎么能这么做？
浏览 0提问于2015-11-14得票数 4
回答已采纳
2回答
我试图编辑一个引导按钮，并在类.btn中添加一个10 am的页边距。但是，我的编辑正在加载。如果我通过内联-html(前。Style=“利润率-底部:10 to”)它可以工作，但我更愿意坚持最佳的编码实践，而不是那样做。我们将非常感谢你的帮助。
CSS
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.btn {
margin-bottom: 10px;
}
HTML
{% block styles %}
{{ super() }}
<link rel="stylesheet" href="
浏览 10提问于2022-10-25得票数 0
回答已采纳
假设您有两个<p>元素，一个堆叠在另一个上，每个元素都有3 3rem的上边和下边距。
通过这种设置，我预计在两个<p>元素之间总共会有6 3rem的空白(3 3rem来自<p>的底部边距，3 3rem来自<p>底部的边距)，然而，元素之间只有3 3rem的空白。
为什么边距空间在块元素之间崩溃，而不是每个块元素保持自己的边距空间？
这是。
以上代码页示例的html是：
<p class="outline-red">This is a paragraph with top & bottom margin
浏览 1提问于2015-03-13得票数 1
回答已采纳
我有一个包含多个跨度的div。每个跨度都有填充和背景色，以将其与其他的分隔开来。问题是，当跨度溢出到下一行时，不同行上的跨距重叠。我已经尝试分配顶部和底部的页边距，但它们被忽略了。我如何在两个跨度之间设置一个间隔？
html：
<div class='container-div'>
<span class='item'>foo</span>
<span class='item'>blah blah</span>
<span class='item'>
浏览 1提问于2015-09-10得票数 3
回答已采纳
下面的css代码是由我写的，当我试图创建一个像mashable.com这样的固定标题，但无论我怎么努力，我似乎不能使logo.png出现与页边距:auto 19px;.Pleae帮助我，并告诉我我做错了什么。我是一个html和css的初学者，所以请温柔点。我想让徽标和导航列表排成一行。
header{position:fixed;
background:#333;
height:128px;}
h1{ display:inline;
float:left;
background:url(images/logo.png) no-repeat;
浏览 0提问于2013-07-11得票数 1
我的一个类名为read-more的标签在名为文章文本的Div中，不知何故，页边距顶部无法工作，为什么会发生这种情况？
当我检查它时，似乎有一个页边距-顶部，但它似乎A标签是在流的html
这是我的代码的链接:
CSS
#Article {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 5rem 10rem 5rem;
}
.article-cards-wrapper {
display: flex;
justify-co
浏览 0提问于2021-05-23得票数 1
首先，我将向您展示我的代码：
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>Collapsing Margins Testing</title>
<style type="text/css">
img {
width: 300px;
height: 300px;
}
.first {
浏览 1提问于2016-05-05得票数 0
2回答
这个问题可能已经被打死了，但在浏览了帖子和谷歌之后，我找不到一个功能代码来让它工作，而且我尝试过的任何东西都不起作用。
我想将所有页边距(顶部、左侧、底部和右侧)设置为1%，但我所做的任何操作都不起作用。唯一可行的方法是使用height和width属性手动调整图像大小，这是我想要避免的。
理想情况下，我喜欢这样的东西：
body, html {
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
margin-top:1%;
}
但这并不管用。有什么干净利落、直截了当的建议来完成这个任务吗？
浏览 0提问于2014-10-04得票数 4
回答已采纳
1回答
我正在使用win和winspool.h中的一些函数来处理我的打印机。像OpenPrinter/StartDoc/等功能...
我的打印机似乎添加了一些奇怪的底部页边距，一些接近底部的图像/文本被剪掉了。我想删除这个页边距，并且我可以使用打印设置从其他程序中删除它们。类似于：
dc->margin = ▭
or:
dc->margin->bottom_margin = 0;
有什么想法吗？
浏览 7提问于2012-08-15得票数 1
1回答
.home{
height: 100vh;
&__logo{
margin: 5vh auto 4.5rem auto;
display: flex;
justify-content: center;
svg{
height: 2rem;
}
}
&__container{
display: flex;
flex-direction: c
浏览 11提问于2020-01-12得票数 0
回答已采纳
我正在构建一个网页，它有一个'img‘浮动在div中作为页面上显示的最低元素。这一页在图像的底部突然结束。为了美观，我希望用户能够滚动到图像之外(20px左右)。我曾尝试对包含div的正文和图像应用边距底和填充底，但都无济于事。
我没有，也不会尝试使用html来添加缓冲区或任何其他黑客解决方案。
页面： (请不要对我们评头论足，哈哈，还是很粗糙(双关语)，离部署还很远)
提前感谢您的帮助！
浏览 1提问于2010-08-11得票数 0
回答已采纳
我很难理解在嵌套元素中垂直边距折叠的概念。我在上写了一篇文章，解释了它是如何工作的，但我被它的解释搞糊涂了。因此，在它的示例中，它引用了两个元素，如下所示
<div style="margin-top:10px">
<div style="margin-top:20px">
A
</div>
</div>
由于内部div的页边距为20px，这将应用于整个代码块。让我困惑的是在那之后的一切，还没有看到Internet Explorer7的问题。有人能够以一种简化的方式为一个完全的CSS新手解释它吗？
浏览 1提问于2011-08-24得票数 8
回答已采纳
1回答
所以基本上，我已经创建了一个选择，我想要解决这个问题。我设法做到了，但它不是中心的。我尝试过在CSS文件中使用页边距-左:auto；&margin右:auto；但是没有运气。似乎也没用..。
代码：
#fixedmarq {
position:fixed;
margin-left:auto;
margin-right: auto;
}
HTML代码：
<div id="fixedmarq"><marquee width="500" bgcolor="#000000"><span style="f
浏览 2提问于2014-02-20得票数 0
回答已采纳
我正在尝试从我的网站打印到PDF。我有一个背景图像，并希望在边距为1。打印时，背景仅添加到第一页，上边距仅应用于第一页，下边距仅应用于最后一页。 我需要打印页面，然后可以放在小册子中。 只使用一种颜色而不是图像确实会将颜色放置在每一页上，但当文本结束而没有覆盖页面底部时就会停止。 我已经尝试了各种背景大小和@页面样式 <head>
<style>
body {
background-image: url("../includes/images/paperback.jpg");
margin: 1in;
background-re
浏览 22提问于2019-02-13得票数 0
请参考。
我有三个div，它们由jquery设置为窗口高度，它们有一个底部的页边距，它们被称为'.pannel‘。在每个“.pannel”中都有一个名为“.pContent”的子级，它有一个顶部填充。
我的问题是，当“.pContent- top : 3%;”改为“margin top: 3%;”时，为什么“padding”会改变父级的上边距？
谢谢!
浏览 0提问于2013-06-17得票数 2
回答已采纳
我正在做这样的事情：
看起来是这样的：
如你所见，有些东西的位置不好，我试着用填充边距来修复它，但它不是垂直移动的，我该如何修复它呢？
我的HTML：
<div class='article-container'>
<div class='article'>
<div class="img-position">
<a href="#"><img src="http://funedit.com/and
浏览 0提问于2014-04-14得票数 0
认真学习CSS，有点迷惑。
我在div中有一张表。
.bigdiv {
background-color: red;
padding: 10px;
}
table {
background-color: aquamarine;
margin-left: 300px;
margin-bottom: 100px;
padding: 10px;
}
<div class="bigdiv">
<table>
<tr>
<td>foo</td>
</tr>
浏览 0提问于2018-06-15得票数 2
我有权得出结论，CSS页边距(例如，页边距-左)会影响绝对位置元素的最终位置吗？它似乎是一个负边距--向左拉它到左边(它的绝对位置)，一个正值到右边(它的绝对位置)。
有人能给我解释一下绝对定位元素和边距的组合吗？
谢谢。
浏览 0提问于2014-06-24得票数 1
4回答
我需要两个连续的div元素(有背景)来无缝接触，一个在另一个下面。但是，当我将一个子p元素放到底部的div中时，这个布局被打破了。p元素的边距强制在两个div元素之间留出空白间隙。这是一种奇怪的行为，因为我期望p的边距保持在div的内容和背景区域内。它在Firefox、Chrome和IE 8上的渲染方式相同。
<div style="background: #ccccff">Top Div</div>
<div style="background: #ffcccc"><p>Bottom Div</p>&
浏览 1提问于2009-12-10得票数 30
回答已采纳
为什么Twitter Bootstrap和其他项目会覆盖段落等元素的默认浏览器边距？
浏览器默认(1em页边距在顶部和底部)：
p { margin: 1em 0; }
Twitter Bootstrap (仅底部10px边距)：
p { margin: 0 0 10px; }
我的偏好(10px边距，或垂直节奏长度，在顶部和底部)：
p { margin: 10px 0; }
以下是我的想法：
使用顶部和底部的边距，我可以依靠边距折叠来确保元素之间的边距不会太大。我相信，应该与其他元素隔开的元素将会是。
只有页边距在底部，我必须将段落和类似的内容放在有填充的容器中，否则它们可能会与它们上面的
浏览 4提问于2012-10-18得票数 0
所以，我有一个肚脐在顶部，页脚在底部和一个大的图像在中间。我把所有的东西都使用边距(边距-顶部:0表示导航，边距-底部:0表示页脚，边距: 3%自动为图像。)图片集中在我的页面上，一切都很好。然而，当我将导航条的位置设置为固定位置时，图像的页边距似乎是从页面的开头而不是导航栏的末尾计算出来的(它使我的图像与导航条重叠，而不是介于页脚和边距之间)。我知道修复它的唯一方法是做一个与我肚脐大小完全相同的第二次不可见的div，但我相信这不是最实用的方法。
我不知道把HTML/CSS代码放在那里是否必要，我想我描述了一切重要的事情。预先感谢您的帮助
浏览 1提问于2020-03-09得票数 1
回答已采纳
2回答
我有一个有方向栏的挠曲盒，就像在这个密码页里
<div class="container">
<div class="header">header</div>
<div class="content">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
<div>Item 4</div>
浏览 3提问于2017-02-08得票数 0
回答已采纳
3回答
这可能是基本的东西，所以如果有一些关于html文本和页边距如何工作的在线参考，请给我一个链接。
无论如何，我在定义文本的精确页边距时遇到了一些问题。下面是一个图像示例，div在它下面包含文本，在div下面包含更多文本。其他页边距设置为0，div的页边距为10px顶部和底部，0左侧和右侧。由于我不知道的原因，它的顶部是16px，底部是14px。我可以用边距定义来补偿错误，但实际上我想知道发生了什么，而不是治疗症状。
<img src="images/temp/img.png" />
<div><p>Testing</p></d
浏览 0提问于2011-05-31得票数 0
回答已采纳
1回答
我知道我的标题不是很有描述性，因为它很难解释，所以我会尽力给出我的问题尽可能多的细节。
在图像中，您可以看到结果中的文本通过图像，我希望页面在窗口底部的3幅图像之前滚动，这样文本就不会在下面，并由一个垂直滚动条控制。
文本与窗口底部的图像重叠，这里是我想要的，我希望页面在底部的这些图像之前滚动，这样内容就不会在底部的图像下或重叠，窗口底部的这些图像被固定在浏览器页面的底部，所以我需要在不同类型的浏览器上在图像之前滚动内容，那么我如何改变内容的大小，使其在图像之前滚动？
我似乎想不出这个问题的逻辑解决办法，我也无法在互联网上找到解决这个问题的办法(或与之密切相关的解决办法)。
浏览 2提问于2013-12-10得票数 0
回答已采纳
5回答
如果我有用户生成的内容，例如：
<p>my paragraph</p>
<ul>
<li>item1</li>
<li>item2</li>
</ul>
这在段落末尾与列表之间有一个段落间隔，如下所示：
我的段落：
item1
item2
我知道我可以通过在UL标签上设置页边距顶部和在标签上设置页边距底部来消除CSS中的空白，但是有什么方法不影响实际段落之间的边距呢？
内容是用户生成的，有一套有限的标签可用，没有字体，大小.可用，所以所有格式都应该在CSS中完成，如果可能的话
浏览 1提问于2010-07-15得票数 5
回答已采纳
我想添加一个标志在最下面的第一页。理想情况下，我会定位:绝对位置，底部:0-但是在wkhtmltopdf中定位到底部的任何位置似乎都不起作用。
这是一个问题，因为标志是动态的，可能有不同的高度取决于上传图像的高宽比。
我看到我可以添加一个页脚，但是这会将它添加到所有的页面中，我只想在一个页面上这样做。
我有什么选择？我必须从上面定位-绝对的吗？如果是，那么如果页面大小改变了呢？这需要在A4和美国的信件中起作用。
浏览 5提问于2015-07-07得票数 9
回答已采纳
4回答
<img src="/test.png" style="margin-top:20px;margin-left:20px" title="Hello" border="1" height="100" width="110" />
<span style="text-shadow: 1px 1px 17px #347235;margin-left:20px;margin-top:-20px">Test span</span>
发生的情况是，图像被显示
浏览 0提问于2011-12-09得票数 2
回答已采纳
2回答
我在Django上创建了这个网站，我在很多元素的尺寸上遇到了问题。在所有页面上，我都有一个左右边距，横跨col 1，背景为黑色。
在style.css中，我已经搜索了一些解决方案，但都不能100%地解决问题。如果我使用height: 100%，它会在每个页边距的顶部显示一块黑色的薄板。我不想放置精确的像素，因为我觉得相对大小会让网站更容易跨平台查看。如果我设置高度: 100vh，它覆盖了我想要的高度，但它不能很好地覆盖使用滚动条的长页面，并且留下了大量的空白。
如何让div的背景颜色/大小扩展整个页面(可滚动或不可滚动)，而不扩展其边界？有没有一种方法可以对图像执行此操作，以便它可以伸展？我尝
浏览 0提问于2015-10-19得票数 0
3回答
我尝试将一个名为content的div包装为另一个具有不同背景的div。然而，当使用“页边距-顶部”与div，它似乎包装的content获得页边距-顶部，而不是content的div。
代码：
<!DOCTYPE html>
<html>
<head>
<style>
html {
background-color:red;
}
#container-top {
background-color: #ccc;
overflow: hidden;
pad
浏览 0提问于2011-04-10得票数 3
回答已采纳
我正在创建一个包含多个表格的pdf，它在页面底部也有一个徽标。问题是，如果太长的话，我的桌子就会覆盖这个标志。如果表超过某个Y点，是否可以在另一个页面上绘制一些行？
const tableBody = [
['column1', 'column2'],
['column1', 'column2'],
['column1', 'column2'],
// some more rows to fill the page
];
doc.autoTa
浏览 0提问于2019-07-11得票数 0
回答已采纳
3回答
我理解保证金崩溃发生的原因；我在不同的站点上看到了一些关于它是如何发生以及为什么会发生的例子。
具体来说，下面是我读到的那篇文章的链接：
它清楚地解释了塌陷是垂直发生的，它是为了某种目的而实现的。但是，有人提到
这并不发生在水平边距(左和右)，只有垂直(顶部和底部)。
对于为什么不发生在水平边距，还没有提供解释。
为什么水平边距不发生崩塌？
浏览 1提问于2015-09-29得票数 17
回答已采纳
1回答
我正在努力制作一份易于打印的简历。一切都正常，除了背景图像的问题。
我不想在打印页上有任何页边距，否则背景图像会看起来乱七八糟：
但是，如果我不使用任何页边距，背景看起来很好，但我无法在第二页(或其他页面)上做任何页边距：
body {
margin: 30px 0;
}
这适用于第一页，但不幸的是，这不适用于任何分页符。有没有一种方法可以相对于打印页的顶部/底部进行填充/边距？
编辑:很抱歉这个丑陋的例子，但这基本上就是代码：
如果你按下print并保存为pdf (至少在Chrome中)，你会看到背景填满了整个页面。但是，当您包含
@page {
margin: 1cm 0;
浏览 0提问于2015-01-08得票数 0
1回答
我的MS Access 2007 report出了点问题。我的report的打印页边距不一致。
当我在打印预览中打开报表时，我可以根据需要设置页边距。但是，当我打印报告时，bottom margin被设置为一个我没有输入的值。
当我从下拉菜单中选择不同的打印机时，不会出现这种情况。导致此错误的打印机是Cannon MG2900。不能将其切换到不同的打印机。
页边距被更改对我来说是一个问题，因为它会导致我的单页报告被拆分并打印到两页上。尽管打印预览显示报告是单页的，但它还是这样做了。
打印不是通过VBA处理的。打印预览是使用VBA代码打开的，但用户必须使用MS Access提供的Print按钮才
浏览 20提问于2018-08-23得票数 1
回答已采纳
1回答
我有一个容器和几排。我给他们的毛利率与，这是很好的工作：
> * + * {
margin-top: 1em;
}
当我在这行中有列时，问题列表--如何动态地检测示例中列的最后“行”(kitten图像)，而只删除它们的边距底部？我不认为有一个正确的解决办法，但也许有人可以告诉我一个替代的方法来做到这一点。这是笔：
(自举栅格)
浏览 2提问于2016-06-13得票数 0
回答已采纳
2回答
是否有其他方法可以设置表中tr的页边距(顶部)？
我已经尝试了下面的代码片段：
<tr style="margin-top:30px">
<td style="margin-top:30px">January</td>
<td style="margin-top:30px">$100</td>
</tr>
浏览 1提问于2013-10-28得票数 0
我想要完成的工作可以在这个上找到。然而，每当我试图添加这样的页边距时，标签需要在彼此的顶部和底部之间留出一些空间：
.label-default {
margin-bottom: 5px;
}
没有任何变化，也没有添加任何空白。我怎样才能增加保证金，使他们不那么杂乱无章？
CSS
body {
background-color: #2d2d30;
}
.categories {
padding: 25px;
text-align: center;
margin:auto;
left: 0;
right: 0;
}
.panel-
浏览 0提问于2015-12-29得票数 1
3回答
我有一个正文标记的CSS，但它不包含任何边距属性。但是IE 9显示页边距-底部广告左侧，右侧，顶部为0，并且由于底部边距，我的布局被破坏。如果我使用开发人员工具并取消选中该属性，则我布局是好的。有什么建议吗？
浏览 0提问于2012-02-15得票数 0
回答已采纳
2回答
我刚刚完成了一个PHP脚本，生成PDF格式的发票的工作。我已经使用了FPDF来解决这个问题。PDF的每一页都有一个图像作为背景。这是一张大小为793x1113像素的图片，经过反复试验，我发现它完美地填满了整个页面。在列出产品的循环中，我检查Y位置的值。如果太高，我添加另一个页面，再次绘制背景图像，并将Y位置设置在正确的点以继续列表。一切都很好，除了一个小问题:在每个页面上，除了最后一页之外，在背景图像下面添加了大约10个像素的空白，使布局看起来不太好。
这个问题似乎与我在整个脚本中添加的任何文本内容无关，因为当我简单地添加几个空白页时，完全相同的情况发生。我认为这是标准的空格，每当添加新页面时
浏览 3提问于2013-10-30得票数 2
我尝试给body元素设置一个页边距底部，但它不会像预期的那样工作……
document.addEventListener('DOMContentLoaded', (event) => {
if(window.outerWidth > 768) {
let footerHeight = document.querySelector('footer').offsetHeight;
document.querySelector('body').style.marginBottom = footerHe
浏览 9提问于2019-11-13得票数 1
我正在创建一个带有HTML/CSS的登陆页面，并使用一些引导程序。当页面打开时，我很难调整主页大小以适应100%的高度和宽度。
我希望它看起来像谷歌文档的主页：。如果你去那里，你会发现：
导航定位在固定位置，随处跟着你。我把那部分写下来了。
主图像会根据屏幕大小自动调整大小。icon-arrow-hint (页面中底部的箭头)总是可以在图像的底部看到。
我有两个问题：
即使我设置了right: 0，右侧也有这个奇怪的缺口。
页面加载后，它似乎适合90%的高度，我仍然需要向下滚动。我把这篇文章放在了底部--理论上说，这应该显示在屏幕的底部，不需要滚动，但是我必
浏览 12提问于2017-07-25得票数 2
回答已采纳
2回答
关于负边距-底部
、、
我正在做一些关于页边距底部的实验，发现了一个我不太理解的小问题。
.left {
width: 60px;
height: 100px;
background-color: yellow;
}
<div class="left">Coding Coding Coding Coding Coding</div>
当我将它设置为margine-bottom：-50px时，它看起来像这样。
长方体具有相同的宽度和高度，可以渲染，但我不明白图片的橙色部分代表什么。为什么要减半呢？
我看到的一种解释是，下边距是负的，不会移动，降
浏览 0提问于2019-03-15得票数 0
2回答
我在一个main div中有两个main div。我试着添加边距和填充一个大的数字来测试，但它就是工作。为什么我不能在它们之间添加边距/填充？请帮帮忙。
HTML
<div id="mainWrapper">
<header class="container">
<div id="nav2" class="container">
<ul class="nav2a">
浏览 0提问于2015-07-14得票数 12
回答已采纳
我正在做一个Reactjs项目。我有一个display的div (#up-coming events)：flex。我想让它在所有方向上都有相同的边际。所以我应用了margin:auto，但是它没有给顶部和底部提供边距。它只给左边和右边留边距。这是我的代码:- UpCommingEvent.js :- import React from "react";
import "./styles/upcommingevent.css"
function UpCommingEvent() {
return (
<div id="up-coming
浏览 7提问于2021-04-08得票数 1
6回答
毛边底不起作用
、、、
我试图在页面的右边定位一个加载图像，但是除了页边底部，一切都很好。
<div id="preload">
<div align="right" style="margin-bottom:40px; margin-right:50px;">
<img src="http://thc-racing.ucoz.com/design/loading.gif" alt="" />
<br>
<a style="
浏览 4提问于2013-08-20得票数 5
回答已采纳
5回答
我正在使用一些javascript来计算页面的高度，然后在div上设置最小高度。这样做的原因是将页脚推到页面底部，用于内容不足的页面。我的问题是，最小高度大约是30-40 px到大，从而导致滚动条.(注意:由于各种原因，我不使用像粘性页脚这样的解决方案，我更喜欢这个解决方案。)
这是我的代码：
JS
$(function() {
var height = $(window).height() - ($("header").outerHeight() + $("footer").outerHeight() );
$("#page-content
浏览 7提问于2012-11-15得票数 1
回答已采纳
我在div中有一个元素，它有一个背景图像。在div下面，我有另一个带有另一个背景图像的div。现在的问题是，如果第一个div中包含的最后一个元素应用了边距-底部，那么两个div之间就会出现如下所示的间隙：
请注意，第一个div中包含的h2元素的边距-底部属性造成了灰色间隙。我知道这是可以解决的，如果我切换边距-底部到填充-底部，但如果我需要边距-底部怎么办？
如何解决这个问题？
浏览 3提问于2010-05-12得票数 5
回答已采纳
参见这里的jsfiddle：
见这里的截图：
请注意铬屏幕截图顶部的白色波段(也可以在opera中看到，而不是使用ff)。那不应该在那里，我也想不出原因！
我不知道这是从哪里来的。铬中的开发工具没有将其标识为布局的任何部分。它发生在包含header_img div之后。但是它不应该引起问题，因为所有填充设置为零
注意，我确实有一个脚在底部，这是可疑的相同的高度，它似乎。
谢谢
浏览 6提问于2012-05-06得票数 0
回答已采纳
1回答
我的工作是在#parent中以100%的高度和宽度居中#child。为什么将#child顶部位置设置为10%有效，而使用10%作为页边距顶部却不起作用？
<style>
html {
height: 100%;
}
body {
height: 100%;
overflow: hidden;
}
#parent {
width: 100%;
height: 100%;
background-color: #323232;
}
#c
浏览 0提问于2013-05-23得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
