gpt4 book ai didi

html - 如何在我绘制的这个框元素旁边得到一个列表?

转载 作者:太空宇宙 更新时间:2023-11-04 06:14:37 25 4
gpt4 key购买 nike

我一直在浏览论坛并尝试应用我读到的关于相对位置和 float 等的信息,但到目前为止还没有成功。我昨天才开始写 HTML 和 CSS。

网站的大部分内容都包含在一个或多或少像这样定义的框中:

body {
margin: 150px ;
text-align: left;
}
.box {
color: black ;
width: 390px ;
border: 1px solid black ;
padding: 2em ;
}

<body>
<div class="box">
CONTENT
</div>

我有一个 list

<div>
<ul style="list-style-type:none;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</div>

我想显示在我绘制的这个框的右侧。将它放置在那里最简单的方法是什么?

This是我正在玩的整个东西的屏幕截图。

最佳答案

你会发现flexbox定位元素时非常有用。要解决您的特定问题,请尝试以下操作:

HTML:

<body>
<div class="box-container">
<div class="box">
CONTENT
</div>
<div>
<ul style="list-style-type:none;">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
</div>
</body>

CSS:

.box-container{
display: flex;
}

关于html - 如何在我绘制的这个框元素旁边得到一个列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56097367/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com