<div class="div></div>.div { position: relative; }.div::after { content: ''; // 必须 position: absolute; left: 30px; bottom: 0; right: 0; width: 720px...
一、左右两侧，左侧固定宽度200px，右侧自适应占满效果html代码<
div
class="container">
<
div
class="left"></
div
>
<
div
class="right"></
div
>
</
div
>
css
代码*{...
在上面的例子中，我们创建了一个名为 `underline` 的
CSS
类，它的 `border-bottom` 属性设置为 `1px solid black`，这样会在 `
div
` 元素的
底部
绘制一条 1 像素粗的黑色
线
条。然后，我们将这个类应用到我们想要有下划
线
的 `
div
` 元素上。
你可以根据需要调整 `border-bottom` 的样式，例如改变
线
条的颜色、粗细或样式。
