밑줄에 이미지가 흐르지 않습니다.

저는 밑줄을 사용하여 Wordpress 테마를 만듭니다. 구조에서 275px 너비의 div가 있습니다. 이 div 안에는 <img> 및 <h3>이라는 div가 있습니다. h3이 주위를 둘러 쌀 수 있도록 이미지를 플로트하려 할 때 플로팅이 테마와 함께 작동하지 않지만 별도의 html 파일에서 작동합니다. 이 코드의 문제점은 무엇입니까? 밑줄에 이미지가 흐르지 않습니다.

.container{ 
      width: 275px; 
     } 
     .post-image-small { 
      float: left; 
     } 
     .post-image-small img { 
      display: block; 
     box-shadow: 0px 0px 1px 1px #777; 
     box-sizing: border-box; 
     border: 1px solid #fff; 
     float: left; 
     } 
     .post-image-small h3.post-title-small { 
     font-size: .85em; 
     margin: 0 !important; 
     } 
     .post-image-small h3.post-title-small a { 
     color: #444; 
     text-decoration: none; 
     } 
     .post-image-small h3.post-title-small a:hover { 
     color: orange; 
     } 
    <div class="container"> 
     <div class="post-image-small"> 
      <img src="http://localhost/viewport/wp-content/uploads/2014/09/iwatsh-150x150.jpg" width="50" height="50"> 
      <h3 class="post-title-small"><a href="http://localhost/viewport/?p=1490">Integer non nibh et nibh lacinia tempus</a></h3> 
     </div> 
    </div>

사전에

라인에서

출처

2014-09-06 Adam

정확하게 밑줄을 사용하여 Wordp를 빌드하면 테마를 ress? – ggdx

초보자 용 Wordpress 테마의 밑줄과 새 테마를 만들기 위해 사용하고 있습니다. – Adam

'.post-image-small img'에서'! float : left;'뒤에'! important'를 추가하면 어떻게 되나요? – Howli

있는 style.css의 163-158 에서 _s 감사이 있습니다

h1, h2, h3, h4, h5, h6 { 
    clear: both;}

그래서 당신은 모든 기본 _S 후에이를 추가 할 필요를 스타일 정의 :

.container h3{clear:right}

출처

2014-09-06 22:19:02 Devin

감사합니다. 그것은 작동한다. 나는 약 2 시간 동안 그것과 함께 일해왔다. – Adam

밑줄에 이미지가 흐르지 않습니다.

답변

관련 문제