gpt4 book ai didi

css - 如何将每个 div 元素放在没有 float 的容器的一侧?

转载 作者:太空宇宙 更新时间:2023-11-04 04:19:57 24 4
gpt4 key购买 nike

我有这个 CSS:

div#element1 {
width: 100px;
height: 100px;
float: left;
}
div#element2 {
width: 100px;
height: 100px;
float: left;
}

没有 float 我该怎么做?我试过 display: inline-block; 但它不起作用。有什么想法吗?

最佳答案

这里有一个选项:

<html>
<style>
div {
display: inline-block;
}
div #element1 {
width: 300px;
height: 300px;
background-color: red;
}
div #element2 {
width: 300px;
height: 300px;
background-color: yellow;
}
</style>
<body>
<div>
<div id="element1">element1</div>
<div id="element2">element2</div>
</div>
</body>
</html>

或者只是:

div #element1 {
width: 300px;
height: 300px;
background-color: red;
display: inline-block;
}
div #element2 {
width: 300px;
height: 300px;
background-color: yellow;
display: inline-block;
}

关于css - 如何将每个 div 元素放在没有 float 的容器的一侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19255828/

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