css - divブロックを左から右に取得しようとしていますが、左側でスタックしています

Question

この学生スタッフのブログ投稿を左から右に移動して、次の行に自動折り返すようにしています。問題は、divブロックが左側にしか留まらないことです。CSSに欠けているものはありますか？

.page_container {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 30px;
  min-height: 250px;
  padding: 0 15px;
  position: relative;
  width: 700px;
}

.staff_container {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 30px;
  padding: 0;
  position: relative;
  width: 300px;
}

ウェバー州立PRSSAスタッフページはこちら

Answer 1

こういう意味ですか？

これらのスタイルを追加しました：

.post {
    float: left;
    width: 300px;
}

.staff_container {
    width: 100%;
}