동일한 레벨의 CSS 요소 사이에서 부동 소수점을 지우는 팁
- 无忌哥哥원래의
- 2018-06-29 09:21:552244검색
왼쪽 부동 지우기: 이 요소의 왼쪽에는 부동 요소가 허용되지 않습니다. 현재 왼쪽에는 부동 요소가 있으며 시작 부분에만 표시할 수 있습니다.
#🎜🎜 #clear: left;Clear right float: 위와 동일, 플로팅 요소가 나타날 수 없습니다. 마찬가지로 오른쪽 플로팅 요소 아래의 새 줄에만 표시할 수 있습니다. 오른쪽에 떠 있는 가장 낮은 하단 가장자리가 시작점이며 #🎜🎜가 표시되기 시작합니다. #clear: right;
플로팅 요소가 요소의 왼쪽과 오른쪽 모두에 표시되는 것이 금지된 경우 다음 약어를 사용할 수 있습니다.
# 🎜🎜#clear:둘 다;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>6.同级元素之间的清除浮动的技巧</title>
<style type="text/css">
.box1 {
width:200px;
height: 200px;
background-color: lightskyblue;
/*设置左浮动*/
float:left;
}
.box2 {
width:250px;
height: 250px;
background-color: lightgreen;
/*设置右浮动*/
float:right;
}
.box3 {
width:300px;
height: 300px;
background-color: lightcoral; /*珊瑚色*/
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
</html>위 내용은 동일한 레벨의 CSS 요소 사이에서 부동 소수점을 지우는 팁의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：CSS 플로팅의 원리다음 기사：CSS 플로팅의 원리