Mengapa Div Terapung Bertindan Menegak Walaupun dengan Overflow:hidden?

Penjajaran Mendatar Div Terapung

Dalam kes apabila div diapungkan dibiarkan dalam bekas dengan limpahan: tersembunyi, ia mungkin disusun secara menegak walaupun apabila terdapat ruang yang mencukupi secara mendatar. Untuk memastikan ia sejajar dengan betul, pertimbangkan penyelesaian berikut:

Penyelesaian:

Buat div dalam dalam bekas yang mempunyai lebar yang lebih luas, mencukupi untuk menampung semua terapung div.

#container {
  width: 200px;
  overflow: hidden;
}

#inner {
  width: 2000px;
  overflow: hidden;
}

.child {
  float: left;
  width: 50px;
  height: 50px;
}

<div>

Dengan menyediakan lebar yang mencukupi dalam div dalam, div terapung akan dijajarkan secara mendatar dalam bekas, seperti yang dimaksudkan.

Atas ialah kandungan terperinci Mengapa Div Terapung Bertindan Menegak Walaupun dengan Overflow:hidden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!