Question

我是一个初级编码器，对于我的第一个项目，我想创建一个flex容器，其中三个中的两个注意相同的属性，而第三个没有。为此，我做了以下事情：

    .flex-container1{
display: flex;
width: 75%;
float:center;
}

.flex-container1>div {
background-color: gray;
width: 75%;
height: 100%;
margin: 10px;
padding: 20px;
float: center;
}

.flex-container2{
width: 150%;
height: 100%;
margin: 5%;
background-color: white;

<div class="flex-container1">
<div>Sample 1</div>
<div class"flex-container2">Sample 2</div>
<div>Sample3</div>
</div>

这可能是什么解决方案？非常感谢。

Answer 1

不确定这是否是您正在寻找的，但很快就成功Codepen flex demo

"opening_hours"

Flex容器上的Div类？

1 个答案: