一个大的DIV中放两个小的DIV一左一右

上周 我的这个朋友 我们来谈谈 2 02 3 年使用 CSS 创建 Web 结构。
我试过了。
嵌套在 div 内。

我的这个朋友 我们来谈谈浮动的使用。
如果它足够宽就好了。

但是位置绝对定位 效果比较好。
Margin-left 获取第一个 div 元素。

也可以使用桌面盒。
但宽度是固定的。

我试过了。
宽度属性至关重要。
绝对定位有效。
该装置可随机使用。

我的这个朋友 假设通过 z-index 进行堆叠。
正数位于顶部。
下面给出负数。

绝对定位有效。
但并非所有浏览器都可以工作。

忘记它吧。

两个div怎么放在一行?

啊，是的，浮动这个词，我记得2 02 2 年，我在某个城市做一个项目。
当时我花了很多时间来布局页面布局，只是为了可以水平排列两个部分。
当时我就纳闷了，为什么我们不能一起排队呢？然后我用了float，写了CSS让box1 向左浮动。
box2 也向左浮动。
嘿，确实如此。
后来我发现有问题。
底部是空的，所有内容都漂浮在顶部。
我当时以为自己搞错了，后来才知道，这就是所谓的表观浮动问题。

然后我开始寻找解决方案。
网上说用Clearfix。
我尝试添加Clearfix代码，内容又回到了底部。
这次我有信心了。

然后我玩了一下布局，发现灵活布局也可以，非常方便。
我写了一个CSS容器，display:flex;然后将box1 和box2 插入其中。
这次两个盒子横向排列并自动对齐。

后来我想再尝试一下网格布局，这是全新的。
我写了一个CSS容器，网格模板列：repeat(2 ,1 fr);这样一来，两个盒子就整齐地排列成一排，并且还增加了自动显示定制的功能。

就是这样，我得出的结论是，浮动布局、流体布局和网格布局都可以允许两个部分显示在同一行上。
每个都有自己的优点。
这取决于项目需求和个人喜好。
我当时相当激进，觉得网格布局是最强大的，并且很高兴使用它。

html怎么把一个盒子放在另一个盒子中间

1 .你的电脑、浏览器、编辑器都准备好了。
2 . 打开编辑器并创建一个名为index.html的新文件。
3 . 在index.中，在<body>标签中输入以下代码：

4 .打开索引。
使用浏览器打开文件，您将看到另一个蓝色框中间有一个蓝色框。