나는 사이트에서 일하고 있는데 어떤 이유로 내 Div가 매우 이상하게 행동합니다.
왜 이런 일이 일어나는지 잘 모르겠습니다.
HTML
<div class="row" id="information">
<div id="informationContent" class="large-12 columns noSlideshow">
<div id="pressReleaseCenter">
<h2>Press Release</h2>
<div class="pressImages"><a href="http://www.prweb.com/releases/2013/12/prweb11393087.htm"><img src="images/voip_vid_logo.png" height="200" width="200"></a></div>
<div class="pressText" id="press1">December 04, 2013<br />VoIP Innovations is now accepting requests for the new Toll-Free area code<br />Due to the popular demand of Toll-Free numbers, the FCC<br />will introduce 844 as the newest area code on Saturday, December 7.<br />Starting on Saturday, December 7, everyone will have the opportunity to select 844 as <a href="http://www.prweb.com/releases/2013/12/prweb11393087.htm"> more</a></div>
<br />
<div class="hrBreak"></div>
</div>
</div>
</div><!--End Row-->
CSS
/*Float press release images*/
#pressReleaseCenter{
width:960px;
margin: 0 auto;
/* background-color:green;*/
height:initial;
}
.pressImages{
/* background-color:yellow;*/
height:auto;
width:30%;
float:left;
height:91px;
}
.pressText{
/* background-color:orange;*/
text-align:left;
width:70%;
float:left;
height:91px;
bottom:0;
}
.hrBreak{
width:100%;
height:3px;
background-color:white;
position:relative;
}
#press1{
padding-top:10px;
}
또한이를 수행하는 더 좋은 방법이 있습니까? 테이블 사용을 고려 중입니다. 이 상황에서 작동할까요? 동일한 형식으로 더 많은 정보를 계속하고 싶습니다.
레이아웃에 표를 사용 하지 마십시오 . 그것은 더 이상 완료된 일이 아닙니다. 실제로 어떻게 보일지 지정하지 않았지만 내가 생각하는 것처럼 콘텐츠 아래에 줄을 추가 clear: both;
하려면 추가해야 할 것 같습니다 .hrBreak
.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다