>웹 프론트엔드 >HTML 튜토리얼 >html/css 같은 줄에 두 개의 div가 있습니다.

html/css 같은 줄에 두 개의 div가 있습니다.

WBOY
WBOY원래의
2016-09-20 03:30:021905검색

인터페이스를 디자인할 때 두 개의 div를 같은 줄에 표시해야 하는 경우가 종종 있습니다.

그런데 매번 어떻게 해야 하는지 잊어버려서 에세이와 메모를 남깁니다.

"첫 번째 div"와 "두 번째 div"를 같은 줄에 표시하려면 다음과 같이 하세요.

/*외부 div*/

첫 번째 div

두 번째 div

아래와 같이 id2와 id3에 CSS 스타일만 추가하면 됩니다.

/*외부 div*/

float:left;">첫 번째 div

float:left;">두 번째 div

그렇습니다. 매우 간단합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.