Mpdf,块绝对定位不起作用

Posted

技术标签:

【中文标题】Mpdf,块绝对定位不起作用【英文标题】:Mpdf, block absolute positioning is not working 【发布时间】:2020-01-16 18:23:00 【问题描述】:

我想使用绝对定位我的块,但由于某种原因,无论左/上属性如何,它都保持在同一个位置。 这是我的php

$mpdf = new \Mpdf\Mpdf();
$mpdf->Writehtml($stylesheet,\Mpdf\HTMLParserMode::HEADER_CSS);
$data = "";
$data .= "<div id='logo'> <img src='logo.png' /> <div id='cv'>CV</div></div>";

css:

#cv 
    position: absolute;
    top: 150px;
    color: green;


image

【问题讨论】:

【参考方案1】:

我发现 mPDF 仅支持***块元素的绝对定位。

将您的 HTML 标记调整为以下内容,您的绝对定位将开始工作:

$data .= "<div id='logo'><img src='logo.png' /></div><div id='cv'>CV</div>";

【讨论】:

以上是关于Mpdf,块绝对定位不起作用的主要内容,如果未能解决你的问题,请参考以下文章

IE 11、Flexbox 和绝对定位不起作用

层模型--绝对定位(position:absolute)

绝对顶部:0 底部:0 在 IE11 的表格单元中不起作用

中心绝对定位的div [重复]

绝对定位( Absolute positioning )

讲讲相对定位、绝对定位、固定定位的理解?