避免在页面菜单上重叠代码块

Question

我正在使用Pelican生成网页。但是我无法避免代码黑色与菜单列表重叠。

这是有关的代码

一般

• 从阅读开始 The Zen of Python <https://www.python.org/dev/peps/pep-0020/> _

.. sourcecode :: python

import this

• 对于python，我们有pocket-lint来检查PEP8和其他一些东西。

Answer 1

尝试以下方法：

#general .highlight {
    display: flex;
}

#general .highlight pre {
    width: 100%;
}

显示模式flex允许内容重新排列大小和位置。通过设置此项，周围div的边界框被推向右侧，使得背景颜色和边框不再重叠。然而，由于该显示模式的灵活性，内容的宽度减小到所需的最小值。这可以通过简单地最大化元素的宽度来补偿。