今日は、DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法を紹介します。

DreamWeaverのデザインビューで、clearfixを指定したときに、デザインビューではレイアウトが崩れてしまいます。

私はデザインビューをあてにしないで作業していますが、たまにはあてにしたくなる時もあります。
そんなときには、clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定します。

これで、デザインビューでclearfixが原因でレイアウトが滅茶苦茶になる時はなくなるでしょう。
ただし、「overflow:hidden;」「overflow:auto;」は、諸刃の刀ですので、本番環境でのブラウザ確認はしっかりとやられたほうがいいでしょう。
これが原因で本番環境でレイアウトが変になっても責任は取れないのであしからず。