我需要两个连续的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>&
我正在尝试创建一个编号列表,但在列表和一些文本之间的顶部和底部有一个空白处(我使用的是Firefox)。当我尝试用CSS去掉它时,我丢失了数字和缩进。有没有可能在不丢失数字和列表缩进的情况下去掉页边距?
如果您使用以下html:
<html>
<body>
BIG GAP V
<ol>
<li>hello</li>
<li>there</li>
</ol>
BIG GAP ^
</body>
</html>
您将看到以下内容:
BIG GAP V
假设您有两个<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
或者可能是身高的问题。无论如何,我在一个包含div的列表中有一个由div组成的列表,并且我使用边距将它们垂直放置在我喜欢的位置。除了列表中的最后一项之外,一切都运行正常。底部一直延伸到容器的底部。我尝试了各种填充和边距修正,其中一些结果甚至偏离了意图(目标基本上是使底部对称于顶部,在最后一项和容器底部之间有一个间隙)。
就是一个例子,它包含了所有相关的CSS和HTML。
目标浏览器是Internet Explorer 8。
这是<UL>的默认页边距!!对不起,我有一个5到20个项目的列表,我想让整个列表填满屏幕的高度。所以我要找出<html>的高度,除以<li>的数量,并将这个数字设置为每个<li>的高度。问题是在列表之后的底部有一个大约20px的空白区域。我想我需要找出窗户的高度或者身体的高度或者别的什么。下面是我的一些代码:
var numRootOptions = $('.wrapper > ul > li').size();
var htmlHeight = $('html').height();
var newl