【CSS】background-colorが適用されません。

Question

現状・実現したいこと

CSSにてbackground-colorを適用させたいのですが、使用しているソフトのプレビューでは適用されるのですが、Google Chromeブラウザでプレビューすると反映されてなく白背景のままになります。
下記ソースのmenuBに対して背景色を適用させたいのですが、.menuBにbackground-color:#ffe4e1;を書いても適用されません。

試したこと

・nemuBの下層の.clm4に対してもbackground-color:#ffe4e1;を適用してみたが変化なし
・IEブラウザでプレビューをしてみても変化はなし
・HTMLにCSSを直接書いても（<div class="menuB" style="background-color:#ffe4e1;">）変化なし

補足情報（FW/ツールのバージョンなど）

使用PC環境 Windows7
使用ソフト Microsoft Expression Web4
言語 HTML5 CSS

コード

【CSS】
/*【PC】メニュー*/

.menuT{
	margin-top:30px;
}

.menuT:after{
	display:block;
	clear:both;
	}

.menuB{
	margin-top:20px;
	margin-bottom:100px;
	background-color:#ffe4e1;
}

.menuB:after{
	display:block;
	clear:both;
	}


.bnrA{
	margin-top:30px;
}


.bnrA:after{
	display:block;
	clear:both;
}


/*【PC】可変（4カラム⇒2カラム）*/
.clm4{
	float:left;
	width:230px;
	margin-top:20px;
	margin-right:17px;
	margin-bottom:50px;
}

.clm4R{
	float:left;
	width:200px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:50px;
}

【HTML】※リンク先・画像はダミーです。
<div class="menuB">
		<div class="clm4">
			<a href="#"><img src="imgrc0075009178.jpg" alt=""></a>
		</div>
		<div class="clm4">
			<a href="#"><img src="imgrc0075009178.jpg" alt=""></a>
		</div>
		<div class="clm4">
			<a href="#"><img src="imgrc0075009179.jpg" alt=""></a>
		</div>
		<div class="clm4">
			<a href="#"><img src="imgrc0075009180.jpg" alt=""></a>
		</div>

分かりづらい説明で申し訳ございません。
どなたか原因が分かる方いらっしゃいましたらご教授いただけますと嬉しいです。
よろしくお願いいたします。

Answer 1

floatは浮いているので高さがありません。

【【CSS】floatした要素の親要素に高さを認識させる２つの方法 | Handy Web Design】
https://handywebdesign.net/2017/11/two-ways-to-recognize-a-height-of-floating-object/

提示の内容ならflexを利用したレイアウトのほうが簡単な気がします。

【よこ並びのCSS。】
http://lopan.jp/layout/

Comments

[kei344]

よく見たら :after に content: ""; が足りないのか。

[tuuli]

コメントいただきありがとうございます。
contentの設定をしてみたところ無事に表示されました。
ありがとうございました！

Answer 2

キャッシュクリアはしましたか？
F12を押してディベロッパーツールを開く→更新ボタン右クリック→キャッシュの消去とハードの再読み込み

Comments

[tuuli]

コメントいただきありがとうございました。
今回の原因は、afrer要素にcontentプロパティがなかったことが原因でした。
しかし、デベロッパーツールでのキャッシュクリアの方法をはじめて知りましたので、次回以降参考にさせていただきます。
ありがとうございました。