CSS 부동 속성을 사용하는 방법-프런트엔드 Q&A-php.cn

CSS 부동 속성을 사용하는 방법

藏色散人

풀어 주다： 2019-05-27 17:36:19

원래의

2713명이 탐색했습니다.

CSS 부동 속성은 상자(요소)가 부동이어야 하는지 여부를 지정하는 데 사용됩니다. 절대적으로 배치된 요소는 부동 속성을 무시합니다!

CSS 부동 속성을 사용하는 방법

CSS 부동 속성을 사용하는 방법은 무엇입니까?

속성 정의 및 사용 지침

float 속성은 상자(요소)가 부동해야 하는지 여부를 지정합니다.

참고: 절대 위치에 있는 요소는 부동 속성을 무시합니다!

기본값: none

상속: no

버전: CSS1

JavaScript 구문:

object.style.cssFloat="left"

로그인 후 복사

속성값

left 요소는 왼쪽으로 이동합니다.

오른쪽 요소는 오른쪽으로 이동합니다.

없음 기본값. 요소는 부동되지 않으며 텍스트에 나타나는 위치에 나타납니다.

inherit는 float 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

예

이미지를 오른쪽으로 띄우기:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<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 부동 속성을 사용하는 방법