我需要两个连续的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>&
我做了一些代码和css,现在我正在学习理解它们。
,如果我使用毛边或垫子,有什么区别?建议在我的<p> 标记上使用什么?
我现在使用的是页边距,但边距是一个元素的外部,如果填充是内容和边框之间的空格,为什么要用它呢?
所以让我们开始我所拥有的:
<div id="MainContainer">
<section>
<article>
<h1>Title</h1>
<p> text text text text text </p>
<
使用CSS position : absolute在标题中观察到一件奇怪的事情是,除非在下面的菜单中有一个float:left,否则菜单的文本不是垂直居中的,而是停留在顶部。您可以通过运行这个页面中给出的片段和全宽度来看到这一点。我为float:none in lower screen width设置了一个媒体查询,该查询取消了屏幕宽度较高的float:left。
现在,为什么会有这种行为?为什么浮动:左保持菜单文本中心垂直时,位置:绝对值被应用于标题,反之亦然?我在搜索时没有在这上面找到任何东西。
编辑-
一些人回答说,这是由于利润“崩溃”而发生的。但他们并没有解释为什么h1 of head
我用Django生成了一个表,我在pdf中呈现,这要感谢WeasyPrint。
这个表可能很长(行数),因此可能以几页pdf结果结尾。我必须包括一个静态页脚在每一个页面的末端,所以我应用了css固定规则。
我的问题是这个页脚与非常长的表重叠。我如何要求WeasyPrint (我认为通过css )在每个页脚之前打破表并继续在下一页呈现表?
<table>
<tr></tr> <!-- a lot of rows, potentially spreading on several A4 pages -->
</table>
&l
假设您有两个<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