對齊div左上角的圓形圖像

Question

正如您在圖像中看到的，外部 div 在左上角有一個溢出的圓形圖像。 我正在努力實現這一目標，但不確定如何實現。

我只是在玩邊距頂部和邊距左邊 position 但這也無濟於事。

代碼：

<div class="decorative"> </div>

.decorative{
  position: static;
  width: 174.5px;
  height: 190.5px;
  left: 10px;
  top: 10px;

  background: #EEA731;

  /* Inside Auto Layout */

  flex: none;
  order: 0;
  margin-top: -130px;
  margin-left: -100px;
  align-self: center;
  margin: 10px 0px;
}

Answer 1

通過使用 position 相對於父 div 和絕對 position 用於圓形 div 來解決它，管理圓形 div bg 圖像左上角寬度高度和邊框半徑 50%。

有時在 SO 上，人們要求提供太多信息，我認為提供的信息足以讓人們提供幫助，這里不再是幫助論壇，而是一個寄宿學校，人們正在尋找機會來否決您的查詢哈哈