我正在创建用于以 PDF 形式导出会议详细信息的布局。布局时出现问题。我想将 div 显示为一列。例如图像 display: flex不起作用，我正在尝试 table、table-cell、table-flex 和 table-grid 但不起作用。主要内容下移侧边栏长度。
我的所有刀片 html 代码；
\n\n
<!DOCTYPE html>\n<html lang="en">\n<head>\n <meta charset="UTF-8">\n <title>Document</title>\n <link href="https://fonts.googleapis.com/css?family=Roboto:300,500,700&display=swap" rel="stylesheet">\n <style media="screen">\n @font-face {font-family: "Roboto-Light"; font-style: normal; font-weight: 300; src: url({{ url(\'fonts/Roboto-Light.ttf\') }})}\n @font-face {font-family: "Roboto-Regular"; font-style: normal; font-weight: normal; src: url({{ url(\'fonts/Roboto-Regular.ttf\') }})}\n @font-face {font-family: "Roboto-Bold"; font-style: normal; font-weight: bold; src: url({{ url(\'fonts/Roboto-Bold.ttf\') }})}\n\n body { font-family: \'Roboto-Regular\'; }\n * { margin: 0; padding: 0; }\n\n .sidebar {\n position: relative;\n left: 0.9cm;\n …