Block3을 Block2 아래로 이동하지 않는 방법을 아는 사람이 있습니까? 나는 BLOCK3는 블록 1에서 보여 드리고자 및 블록 4는 감사 블록 (3)CSS 디스플레이 : 인라인; float : 왼쪽이지만 div 블록은 다른 블록과 가까이 있지 않습니다.
의<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional -->
<title>Test</title>
<style type="text/css">
/* in the style below the width and border and margin must not be modified */
div.float_box {display: inline; float: left; width: 100px; border: 1px solid #ff0000; margin: 10px;}
p.clear {clear: both; height: 0px;}
</style>
</head><body>
<!-- This outside div must not be touched or modified -->
<div style="width: 300px; padding: 10px; border: 1px dashed #cccccc;">
<!-- Blocks' height must not be modified by adding contents or setting styles -->
<div class="float_box">Block 1<br><br><br><br><br></div>
<div class="float_box">Block 2<br><br></div>
<div class="float_box">Block 3<br><br><br><br><br><br><br><br></div>
<div class="float_box">Block 4<br><br></div>
<p class="clear"></p>
</div>
</body></html>
오른쪽에 갈 것!
이것은 분명히 단지 예일 뿐이지 만, 나는 블록의 길이에서 우연히 그리고 블록의 수에서 우연히 작동하는 해결책이 필요하다. 누군가가 블록 3에서 "clear : both"를 사용하도록 제안했으나이 경우 만 해결할 수 있습니다. 다른 블록 5가 같은 높이이거나 블록 3보다 길고 다른 블록 6 이후에 있으면 문제는 다시 일어나서 그것을 고치려면 블록 5에서 모두 수동으로 설정해야합니다. 미리 길이와 블록 수를 알지 못하기 때문에 일반적인 솔루션이 필요합니다. DB에서 동적으로 생성 된 블록 수입니다. 외부 DIV 300 픽셀 상자에 피팅 동안
내 모든 블록 (I 설정 10xp 여백에 의해 간단하게 분리) 다른 하나 개 가까이 displaied 할보고 싶습니다. 300px의 otside div 상자는 확장 할 수 있고 내부 블록은 새 크기 (예 : 3/4 열로 맞추기)로 적응하는의 위치를 변경해야합니다.
처음에는 블록을 동적으로 생성한다는 점과 블록 수가 다를 수 있다는 점을보다 구체적으로 설명해야합니다. – Harv