내 div가 올바르게 쌓이지 않는 이유는 무엇입니까?

인터넷에서

나는 사이트에서 일하고 있는데 어떤 이유로 내 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] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

내 스프라이트가 올바르게 그려지지 않는 이유 (libgdx)는 무엇입니까?

분류에서Dev

내 반응 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

내 후크 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

분류에서Dev

내 Arc 테마가 Ubuntu 18.04에서 올바르게 보이지 않는 이유는 무엇입니까?

분류에서Dev

xargs가 내 입력을 올바르게 구문 분석하지 않는 이유는 무엇입니까?

분류에서Dev

내 Python 코드가 부울을 올바르게 평가하지 않는 이유는 무엇입니까?

분류에서Dev

내 태그 도우미가 올바르게 해결되지 않는 이유는 무엇입니까?

분류에서Dev

내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

분류에서Dev

내 코드가 동기화에서 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

내 TextBoxFor가 통화 값을 올바르게 표시하지 않는 이유는 무엇입니까?

분류에서Dev

++가 올바르게 증가하지 않는 이유는 무엇입니까?

분류에서Dev

threadpooltest가 올바르게 실행되지 않는 이유는 무엇입니까?

분류에서Dev

PEGjs가 / 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

count (*)가 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

내 루프가 첫 번째 반복에서만 올바르게 작동하는 이유는 무엇입니까?

분류에서Dev

MySQL이 내 외래 키의 이름을 올바르게 지정하지 않는 이유는 무엇입니까?

분류에서Dev

내 JButton 아이콘이 올바르게 표시되지 않는 이유는 무엇입니까?

분류에서Dev

내 아이콘이 albert launcher에서 올바르게 표시되지 않는 이유는 무엇입니까?

분류에서Dev

내 bash 스크립트가 올바르게 CD가 아닌 이유는 무엇입니까?

분류에서Dev

2 개 이상의 구성 요소가 내부에있을 때 Angular 앱이 배경을 올바르게 설정하지 않는 이유는 무엇입니까?

분류에서Dev

텍스트 요소의 내용이 올바르게 정당화되지 않는 이유는 무엇입니까?

분류에서Dev

내 Mapbox GL이 타일을 올바르게 표시하지 않는 이유는 무엇입니까?

분류에서Dev

텍스트 요소의 내용이 올바르게 정당화되지 않는 이유는 무엇입니까?

분류에서Dev

내 HeatMap이 올바르게 표시되지 않는 이유는 무엇입니까?

분류에서Dev

내 navbar가 올바르게 축소되지 않고 드롭 다운 버튼이 표시되는 이유는 무엇입니까?

분류에서Dev

= (단일 같음)을 사용하는 내 같음 비교가 Java에서 올바르게 작동하지 않는 이유는 무엇입니까?

분류에서Dev

총 장바구니 가격이 올바르게 계산되지 않는 이유는 무엇입니까?

분류에서Dev

사이드 바가 올바르게 정렬되지 않는 이유는 무엇입니까?

분류에서Dev

내 코드가 평균 결과가 올바르지 않은 이유는 무엇입니까?

Related 관련 기사

  1. 1

    내 스프라이트가 올바르게 그려지지 않는 이유 (libgdx)는 무엇입니까?

  2. 2

    내 반응 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  3. 3

    내 후크 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

  4. 4

    내 Arc 테마가 Ubuntu 18.04에서 올바르게 보이지 않는 이유는 무엇입니까?

  5. 5

    xargs가 내 입력을 올바르게 구문 분석하지 않는 이유는 무엇입니까?

  6. 6

    내 Python 코드가 부울을 올바르게 평가하지 않는 이유는 무엇입니까?

  7. 7

    내 태그 도우미가 올바르게 해결되지 않는 이유는 무엇입니까?

  8. 8

    내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

  9. 9

    내 코드가 동기화에서 올바르게 작동하지 않는 이유는 무엇입니까?

  10. 10

    내 TextBoxFor가 통화 값을 올바르게 표시하지 않는 이유는 무엇입니까?

  11. 11

    ++가 올바르게 증가하지 않는 이유는 무엇입니까?

  12. 12

    threadpooltest가 올바르게 실행되지 않는 이유는 무엇입니까?

  13. 13

    PEGjs가 / 올바르게 작동하지 않는 이유는 무엇입니까?

  14. 14

    count (*)가 올바르게 작동하지 않는 이유는 무엇입니까?

  15. 15

    내 루프가 첫 번째 반복에서만 올바르게 작동하는 이유는 무엇입니까?

  16. 16

    MySQL이 내 외래 키의 이름을 올바르게 지정하지 않는 이유는 무엇입니까?

  17. 17

    내 JButton 아이콘이 올바르게 표시되지 않는 이유는 무엇입니까?

  18. 18

    내 아이콘이 albert launcher에서 올바르게 표시되지 않는 이유는 무엇입니까?

  19. 19

    내 bash 스크립트가 올바르게 CD가 아닌 이유는 무엇입니까?

  20. 20

    2 개 이상의 구성 요소가 내부에있을 때 Angular 앱이 배경을 올바르게 설정하지 않는 이유는 무엇입니까?

  21. 21

    텍스트 요소의 내용이 올바르게 정당화되지 않는 이유는 무엇입니까?

  22. 22

    내 Mapbox GL이 타일을 올바르게 표시하지 않는 이유는 무엇입니까?

  23. 23

    텍스트 요소의 내용이 올바르게 정당화되지 않는 이유는 무엇입니까?

  24. 24

    내 HeatMap이 올바르게 표시되지 않는 이유는 무엇입니까?

  25. 25

    내 navbar가 올바르게 축소되지 않고 드롭 다운 버튼이 표시되는 이유는 무엇입니까?

  26. 26

    = (단일 같음)을 사용하는 내 같음 비교가 Java에서 올바르게 작동하지 않는 이유는 무엇입니까?

  27. 27

    총 장바구니 가격이 올바르게 계산되지 않는 이유는 무엇입니까?

  28. 28

    사이드 바가 올바르게 정렬되지 않는 이유는 무엇입니까?

  29. 29

    내 코드가 평균 결과가 올바르지 않은 이유는 무엇입니까?

뜨겁다태그

보관