Python 如何在一个较大的按钮下放置两个较小的按钮-html、css

我一直在尝试使用Python中的django框架从头创建一个网站。我正在尝试制作一个分屏登录页，在每一面，我想要三个按钮：阅读更多、注册、登录

我希望“注册”按钮和“登录”按钮位于更大的“阅读更多”按钮下方，但我已经失败了好几个小时。我是一个网络开发的初学者，所以请原谅我犯的任何愚蠢的错误

按钮“阅读更多”和“注册”的代码（到目前为止）：

。按钮{
显示：块；
位置：相对位置；
左：50%；
最高：40%；
高度：2.5雷姆；
垫面：1.3rem；
宽度：15雷姆；
文本对齐：居中；
颜色：#fff；
边框：#fff实心0.2rem；
字号：1rem；
字体大小：粗体；
文本转换：大写；
文字装饰：无；
转化：translateX（-50%）；
}

生意
艺术家

我认为你不需要这些职位。你唯一需要的是按钮的大小。

Read More

按钮的尺寸应较大，其他按钮的尺寸应较小。然后你可以应用左边距：自动和右边距：自动将按钮放在中间。

我认为你不需要所有这些位置。你唯一需要的是按钮的大小。

Read More

按钮的尺寸应较大，其他按钮的尺寸应较小。然后你可以应用

左边距：自动
和
右边距：自动
将按钮放在中间。
我在CSS中编辑了一些按钮和
的HTML结构。这样，所有3个按钮都在同一个包装内，并将按照您的图像显示

我将
块
类型更改为
内联块
。当然还有其他的方法，但是这种方法不需要太多的代码切换。
我还删除了您的定位和变换，因为它们不需要

接下来，我将链接类按钮替换为不同按钮的唯一类名。我通过其父级处理样式，并使用类名设置宽度样式。
最后但并非最不重要的一点是，我添加了边距以获得按钮之间的间距


h1{
文本对齐：居中；
}
.按钮{
文本对齐：居中；
}
.按钮a{
显示：内联块；
高度：2.5雷姆；
垫面：1.3rem；
文本对齐：居中；
颜色：黑色；
边框：黑色实心0.2rem；
字号：1rem；
字体大小：粗体；
文本转换：大写；
文字装饰：无；
}
.readMore{
宽度：30雷姆；
边缘底部：10px；
}
.注册，
.登录{
宽度：计算（15rem-10px）；
}
.注册{
右边距：10px；
}

生意
艺术家
我编辑了一些CSS中的按钮和HTML结构。这样，所有3个按钮都在同一个包装内，并将按照您的图像显示

我将
块
类型更改为
内联块
。当然还有其他的方法，但是这种方法不需要太多的代码切换。
我还删除了您的定位和变换，因为它们不需要

接下来，我将链接类按钮替换为不同按钮的唯一类名。我通过其父级处理样式，并使用类名设置宽度样式。
最后但并非最不重要的一点是，我添加了边距以获得按钮之间的间距


h1{
文本对齐：居中；
}
.按钮{
文本对齐：居中；
}
.按钮a{
显示：内联块；
高度：2.5雷姆；
垫面：1.3rem；
文本对齐：居中；
颜色：黑色；
边框：黑色实心0.2rem；
字号：1rem；
字体大小：粗体；
文本转换：大写；
文字装饰：无；
}
.readMore{
宽度：30雷姆；
边缘底部：10px；
}
.注册，
.登录{
宽度：计算（15rem-10px）；
}
.注册{
右边距：10px；
}

生意
艺术家
我马上发现的一点是这一行：
。按钮{位置：相对；左侧：50%；顶部：40%；}
。如果使用坐标放置，则应具有
position:fixed，
位置：绝对位置或
位置：粘性你能画一张图吗？你希望按钮的位置精确到什么程度？使您更容易理解您想做什么，以及如何最有效地完成它。@tacoshy感谢您的回复！刚刚添加了图纸，希望对您有所帮助。我以前也有绝对的位置，我只是在尝试不同的事情。当我把它设为绝对时，两个按钮会相互重叠。我马上发现的一点是这一行：
。按钮{位置：相对；左侧：50%；顶部：40%；}
。如果使用坐标放置，则应具有
position:fixed，
位置：绝对位置或
位置：粘性你能画一张图吗？你希望按钮的位置精确到什么程度？使您更容易理解您想做什么，以及如何最有效地完成它。@tacoshy感谢您的回复！刚刚添加了图纸，希望对您有所帮助。我以前也有绝对的位置，我只是在尝试不同的事情。当我把它设为绝对时，两个按钮会相互重叠。当我移除按钮的位置时，我遇到的问题是，出于某种原因，按钮会被拉到左上角。然而，它们确实像我希望的那样堆在下面。“我要试试你说的关于利润率的内容。”迪特曼·塔穆利·赛基亚，欢迎来到SO。请慢慢阅读SO指南。您的anwser缺少特定的解决方案，或者更好的是缺少要验证的代码片段。这是非常模糊的。作为suc