如何右對齊 div 元素，同時保持第三個 div 左對齊？

使用邊距和浮動對齊Div 元素

問題陳述：

使用者旨在右對齊兩個div 元素（一個按鈕和一個表單），同時保持第三個div（畫布）左對齊。但是，嘗試對齊前兩個元素會導致它們並排出現，而不是一個接一個地出現。

使用邊距和浮動的解決方案：

提供的程式碼利用浮動來對齊按鈕和表單。雖然浮動通常可以工作，但已知在 IE 6 和 7 中存在問題。

要解決此問題，請考慮對包含按鈕和表單的內部 div 使用邊距而不是浮動。這是修改後的CSS：

#addEventForm {
  position: relative;
  margin-left: auto;
  margin-right: 0;
  border: 2px solid #003B62;
  font-family: verdana;
  background-color: #B5CFE0;
  padding-left: 10px;
}

說明：

• margin-left: auto: 這會將內部div與其包含的div 的右邊緣。
• margin-right: 0: 這可確保 div 不佔用右側空間，從而允許按鈕佔用剩餘空間。

使用邊距可以在不同瀏覽器（包括 IE）之間提供更一致的行為，確保元素按預期對齊。

以上是如何右對齊 div 元素，同時保持第三個 div 左對齊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！