dev에 추적기 사용자 PHPBB의 BBCode에서 작업하지만 텍스트가 모듈 대신 그 아래에 다음의 표시에 문제가 있어요.div 바깥 쪽의 텍스트를 다음 줄로 강제 이동하는 방법?
EX : 2 게시물 http://www.survivaloperations.net/viewtopic.php?f=2&t=4&p=5#p5 .
나는 그것의 오른쪽에있는 텍스트가 그 아래에 기본 만들고 싶어. 나는 display: block clear: both; adding a div surrounding the entire module with a width of 100%
을 시도했지만 아무도 제대로 작동하지 않습니다.
<div class="tracker_contain">
<div id="tracker_wrap">
<div class="tracker_top">Originally Posted By <a href="{URL}" alt="{URL}">{TEXT}</a></div>
<div class="tracker_body">
{TEXT}
</div>
<div class="tracker_bottom"><a href={URL}" alt="Read Post" target="_Blank">Original Post</a></div>
</div>
</div>
어떤 제안을 환영합니다 :
여기.tracker_contain {
margin: 0;
padding: 0;
min-width: 100%;
clear: both;
}
#tracker_wrap {
margin: 10px auto 0 auto;
width: 515px;
font-family:"Tahoma", Arial;
font-size: 11px;
}
.tracker_top {
padding: 8px 0 0 60px;
background: url('http://www.survivaloperations.net/dev/images/tracker_top.png') no-repeat top;
width: 455px;
height: 22px;
color: #525252;
font-weight: bold;
float: left;
}
.tracker_top a {
font-weight: bold;
text-decoration: none;
color: #cb00cb;
}
.tracker_top a:hover {
text-decoration: underline;
}
.tracker_body {
padding: 10px 11px 10px 11px;
background: url('http://www.survivaloperations.net/dev/images/tracker_bg.jpg') no-repeat top;
width: 493px;
color: #cb00cb;
float: left;
}
.tracker_bottom {
margin: 0;
padding: 6px 11px 0 0;
background: url('http://www.survivaloperations.net/dev/images/tracker_bottom.png') no-repeat bottom;
width: 504px;
height: 24px;
text-align: right;
color: #575757;
float: left;
}
.tracker_bottom a {
font-weight: bold;
text-decoration: none;
color: #575757;
}
.tracker_bottom a:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
}
는 HTML입니다 : 여기
는 CSS입니다!
는'명확 추가 요소에 both' 그냥'tracker_wrap' – Musa
추가,하지만 변경 후. – Meta