怎样把2个div并排在一起呢?

哎,说起这个网站布局,我2 02 2 年在某城市参加过一次培训,导师讲了这些技巧。
首先,您需要打开该页面,定义一个大 div,然后将其分成两个较小的 div。
这个小潜水的宽度应该小于或等于大潜水的宽度,以便它们可以并排。
然后用空格完全定位,将小div向左移动,用margin-left调整一下就可以看到结果了。
嘿嘿,还有一个桌子盒子,这个东西可以确认宽度和边长一样。
另外,如果将 DVD 显示器排成一行,它们可以并排放置。

看着这三种方法,我很困惑,我该怎么做?后来我才发现其实很简单。
最后我截图了,大家可以看看结果。
那一刻我感觉自己很美丽,也觉得自己学到了很多东西。
嘿,互联网技术变化很快。

一个大的DIV中嵌套两个小的DIV一左一右

说白了,在HTML和CSS中,通过插入一左一右两个小DIV来实现一个大DIV其实很简单。
我们先来说说最重要的事情。
最常用的方法是使用 float 属性。
比如我们去年跑的项目规模大概是3 000人左右。
我们使用这种方法实现了布局。
只需要设置两个小div的宽度小于等于大div的宽度,然后添加float: left;归因于两个小 div,它们会自动并排显示。

还有一点,如果想让第一个小div靠近大div的左侧,可以使用position:absolute;和左边缘属性。
例如,我以为这样可以直接定位,但后来发现这是错误的。
我还必须删除第一个小分区的浮动属性,否则它不会根据绝对定位进行调整。

还有另一个重要的细节。
如果不想使用float或position,也可以使用表格布局方式。
用术语“表格框”来说,实现具有相同宽度的并排 div。
这种方法比较古老,但有时很实用。

说实话,这是一个骗局。
很多人不注意这一点。
但我认为值得一试,因为不同的项目可能需要不同的渲染方法。
等等,还有一件事,无论你选择哪种方法,记得澄清:两者;在 CSS 中清理浮动并防止内容溢出布局之外。