강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

cktmdgh372894 のプロフィール画像
cktmdgh372894

投稿した質問数

【2026年出題基準】ウェブデザイン技能検定実技試験完全ガイド

안녕하세요 강사님 질문 있습니다

解決済みの質問

作成

·

330

1

float 을 사용할때 부모요소 css에 overflow: hidden 말고

html에서 부모요소에 class="clearfix" 를하고

.clearfix  { content: "";   display: block;   clear: both; }

이렇게 css에 적는 방식으로 float 해제 하는것도 상관없나요?

  

웹 디자인HTML/CSSjquery

回答 2

2

codingworks님의 프로필 이미지
codingworks
インストラクター

float 속성을 해제하는건 적어 주신 것처럼 하셔도 됩니다.

적어 주신 CSS 코드는 content 속성이 있으니까 :before :after 가상클래스에 사용한 방식입니다. 그래서 아래처럼 :before :after 둘 중에 하나 넣어주셔야 합니다. 

.clearfix:before  { content: "";   display: block;   clear: both; }

그런데 복잡하잖아요. 쉽고 간편한 overflow: hidden 방법으로 하시는게 더 좋을 듯 합니다.

0

cktmdgh372894님의 프로필 이미지
cktmdgh372894
質問者

감사합니다! 

cktmdgh372894 のプロフィール画像
cktmdgh372894

投稿した質問数

質問する