在CSS中，您可以通過使用相對定位（relative positioning）或***定位（absolute positioning）來讓字體顯示在圖片下方，這兩種定位方法都可以讓您在布局中更***地控制元素的位置。

相對定位是相對于元素在常規(guī)文檔流中的位置進行定位，而***定位則是相對于瀏覽器窗口進行定位，您可以通過設(shè)置元素的position屬性來選擇使用哪種定位方法。

如果您想使用相對定位，您可以這樣寫：

img {
  position: relative;
  top: 0;
  left: 0;
}
p {
  position: relative;
  top: 10px;
  left: 0;
}

在這個例子中，圖片和段落元素都使用相對定位，圖片位于其原始位置，而段落則位于圖片的下方10像素處，您可以根據(jù)需要調(diào)整top屬性的值來調(diào)整段落與圖片之間的距離。

如果您想使用***定位，您可以這樣寫：

img {
  position: absolute;
  top: 0;
  left: 0;
}
p {
  position: absolute;
  top: 10px;
  left: 0;
}

在這個例子中，圖片和段落元素都使用***定位，圖片位于瀏覽器窗口的左上角，而段落則位于圖片的下方10像素處，您可以根據(jù)需要調(diào)整top屬性的值來調(diào)整段落與圖片之間的距離，注意，***定位的元素會脫離常規(guī)文檔流，因此可能會影響頁面的其他部分，在使用***定位時，請確?？紤]其對頁面布局的影響。