使用CSS防止wordpress中的文本重叠

请看这一页

我在右边添加了一个链接列表。CSS是：

.custom_list {
position: absolute;
Right: 70px;
top: 30px;
list-style-type: none;}
a.custom1_link { color:rgb(234,150,41); }

---

但是，现在页面的主要内容与之重叠。我想保持列表的宽度为300px，页面的主要内容应该围绕它。请说出正确的代码。

样式如下：

.custom_list {
    list-style-type: none;
    float: right;
    display: inline-block;
}
#primary{
    display: -webkit-box; // or display: flex;
}

---

设置条目标题和条目内容的宽度。并且您的代码不是标准的，您使用header元素。只需将div与类条目标题一起使用，而不是使用。谢谢。我已经实现了这一点，但是现在文本还可以，但是文章中的图像没有左边距，没有正确显示。是的，我刚刚纠正了它。但是，列表在添加宽度中仍然与页脚重叠：100%；显示：内联块；在你的css文件样式类“网站页脚”谢谢。但现在在页脚下面出现了一条白色的条纹。如何删除此空白？对不起，我不明白，你在解释什么：(