코딩팩토리
블로그 소개
브런치
네이버 블로그
방명록
분류 전체보기
(1057)
Languague
(247)
C , C++ , C#
(87)
Java
(108)
Python
(47)
Assembly
(3)
Web
(235)
Web Programming
(33)
HTML, CSS
(78)
JavaScript
(55)
Ajax
(4)
Jsp
(8)
Node.js
(2)
Mobile
(56)
Android
(26)
DB
(133)
Database Knowledge
(27)
Oracle
(75)
MSSQL
(29)
OS
(115)
Linux
(38)
Windows
(62)
ETC.
(150)
Spring
(9)
Unity
(2)
Algorithm
(38)
Design Pattern
(6)
IDE
(27)
Git
(9)
TextEditor
(5)
HardWare
(9)
바이브코딩
(3)
일상
(120)
자유여행
(6)
블로그
(33)
제품리뷰
(49)
2023/04/03(
1
)
Web/HTML, CSS
2023.04.03
[HTML/CSS] float 속성 사용법 총정리 (왼쪽 or 오른쪽에 배치하기)
HTML과 CSS를 사용하여 웹 페이지를 디자인할 때, 요소들의 위치와 배치를 제어할 때 float 속성을 사용하고는 합니다. float은 떠 있다는 의미로 왼쪽 구석이나 오른쪽 구석에 요소를 배치시키는 기능을 가지고 있습니다. 요소 왼쪽이나 오른쪽에 배치하기(float 속성) none : 해당 요소를 어느쪽으로도 배치하지 않습니다. (기본 값) left : 해당 요소를 문서의 왼쪽으로 배치합니다. right : 해당 요소를 문서의 오른쪽으로 배치합니다. See the Pen float 1 by wjdxo513 (@wjdxo513) on CodePen. float 속성을 사용하면 필요한 너비만 콘텐츠를 차지하고 다른 요소가 들어올 만큼의 공간을 비워둡니다. 위의 예제에서 파란색 box1은 float:le..
1
티스토리툴바