CSS는 플로트 란 무엇입니까?-프런트엔드 Q&A-php.cn

CSS는 플로트 란 무엇입니까?

青灯夜游

풀어 주다： 2023-01-04 09:34:27

원래의

2014명이 탐색했습니다.

CSS에서 플로팅은 문서 흐름에서 요소를 가져오는 방법으로, 플로트 값에 따라 요소를 왼쪽이나 오른쪽으로 이동하고, 그 주변의 요소도 바깥쪽 가장자리에 닿을 때까지 재배열됩니다. 포함하는 상자 또는 다른 부동 상자의 테두리.

CSS는 플로트 란 무엇입니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

플로팅은 문서의 흐름에서 요소를 가져와 왼쪽이나 오른쪽으로 이동하고 주변 요소를 재정렬하는 방법입니다.

플로팅의 의미: 플로팅 속성이 설정된 요소는 일반 표준 흐름의 제어에서 벗어나 상위 요소에 지정된 위치로 이동하며 블록 수준 요소를 한 줄에 넣으면 플로팅이 해제됩니다. 플로팅은 위아래가 아닌 왼쪽과 오른쪽에만 영향을 미칩니다.

플로팅은 페이지의 개체가 앞뒤로 흐르는 순서를 변경할 수 있는 매우 유용한 레이아웃 방법입니다. 콘텐츠의 레이아웃을 단순하게 만들고 확장성이 좋다는 장점이 있습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
img 
{
	float:right;
}
</style>
</head>

<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img  src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="CSS는 플로트 란 무엇입니까?" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>

</html>

로그인 후 복사

CSS는 플로트 란 무엇입니까?