Report 如何解决Qweb报告中的重叠问题？

我正在开发几个报告，在页眉和页脚区域遇到了一个重叠的问题。我读过几篇关于这个主题的类似文章（降级wkhtmltopdf，编辑纸张边距/页眉间距），但没有一篇适合我。有人能给我一些建议吗？我现在使用的是Odoo版本14。重叠不仅发生在表中，也发生在具有引导类行的常规div元素中

纸张格式：

    <record id="paperformat_report_quotation_models_contract" model="report.paperformat">
        <field name="name">European A4</field>
        <field name="default" eval="True"/>
        <field name="format">A4</field>
        <field name="page_height">0</field>
        <field name="page_width">0</field>
        <field name="orientation">Portrait</field>
        <field name="margin_top">50</field>
        <field name="margin_bottom">32</field>
        <field name="margin_left">0</field>
        <field name="margin_right">0</field>
        <field name="header_line" eval="False"/>
        <field name="header_spacing">38</field>
        <field name="dpi">90</field>
    </record>

重叠的HTML元素

 <div class="row contract_space_text">
        <div class="col-12">
              <span>
                   Some text.
              </span>
        </div>
 </div>

.contract_space_text {
padding-top: 14px;
}

一些文本。
.contract\u space\u text{
填充顶部：14px；
}

定制文档布局

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data>

    <template id="contact_header_footer">

        <div class="header">
        </div>


        <div class="article" t-att-data-oe-model="doc and doc._name" t-att-data-oe-id="doc and doc.id"
             t-att-data-oe-lang="doc and doc.env.context.get('lang')">
            <t t-raw="0"/>
        </div>


        <div class="footer">
        </div>

    </template>
</data>
</odoo>

谢谢

---

我设法通过增加和减少报告纸张格式的顶部边距和页眉间距来解决这个问题

感谢这些链接和上述用户的帮助，我成功地解决了这个问题

   <record id="paperformat_report_quotation_models_contract" model="report.paperformat">
        <field name="name">European A4</field>
        <field name="default" eval="True"/>
        <field name="format">A4</field>
        <field name="page_height">0</field>
        <field name="page_width">0</field>
        <field name="orientation">Portrait</field>
        <field name="margin_top">52</field>
        <field name="margin_bottom">32</field>
        <field name="margin_left">0</field>
        <field name="margin_right">0</field>
        <field name="header_line" eval="False"/>
        <field name="header_spacing">40</field>
        <field name="dpi">90</field>
    </record>

欧洲A4
A4
0
0
肖像画
52
32
0
0
40
90

---

你能提供html、css和elseI等代码吗？我添加了一些代码，请告诉我你是否需要有关此问题的更多信息@KarambirSingh.Try overflow:hiddenI尝试添加overflow:hidden（有和没有！重要）在contract_paper CSS类中，但这不起作用@KarambirSingh。首先检查重叠的内容，然后添加溢出：隐藏。

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="sample_id" inherit_id="module. id_name">
            <xpath expr="//div[@class='header']" position="replace">
            </xpath>
        </template>
    </data>
</odoo>

   <record id="paperformat_report_quotation_models_contract" model="report.paperformat">
        <field name="name">European A4</field>
        <field name="default" eval="True"/>
        <field name="format">A4</field>
        <field name="page_height">0</field>
        <field name="page_width">0</field>
        <field name="orientation">Portrait</field>
        <field name="margin_top">52</field>
        <field name="margin_bottom">32</field>
        <field name="margin_left">0</field>
        <field name="margin_right">0</field>
        <field name="header_line" eval="False"/>
        <field name="header_spacing">40</field>
        <field name="dpi">90</field>
    </record>