如何使 div 采用前一个 div 的宽度

在前端开发中，经常会需要一个 div 拥有和前一个 div 相同的宽度。这时我们可以使用一些技巧来实现。

1. 使用 display: table

可以将前一个 div 的 display 属性设置为 table，再将需要等宽的 div 的 display 属性设置为 table-cell，这样就可以使后一个 div 采用前一个 div 的宽度。

.parent {
  display: table;
}

.child {
  display: table-cell;
}

2. 使用 Flexbox

Flexbox 是一种强大的布局方案，可以用来使多个元素等宽，并且支持响应式布局。我们可以将需要等宽的元素包裹在一个容器中，然后将容器的 display 属性设置为 flex，再将需要等宽的元素的 flex 属性设置为 1。

.parent {
  display: flex;
}

.child {
  flex: 1;
}

3. 使用绝对定位

我们可以使用绝对定位和 left 和 right 属性来使一个元素采用前一个元素的宽度。

.parent {
  position: relative;
}

.child {
  position: absolute;
  left: 0;
  right: 0;
}

4. 使用 jQuery

如果你使用 jQuery ，可以使用以下代码来实现：

$('.child').width($('.parent').width());

这会将后一个 div 的宽度设置为前一个 div 的宽度。

以上是几种实现 div 采用前一个 div 的宽度的方法，根据实际需求选择合适的方法即可。