너비가 전혀 변하지 않는 div

이상한 문제는 여기에서 나는 문제를 볼 수 없다! sale_container 클래스를 사용하여 전체 요소의 너비를 설정합니다. 그러나 너비는 전혀 변하지 않습니다!너비가 전혀 변하지 않는 div

이

/*Sale styles*/ 
.add_sales input { 
    background:none; 
    border:none; 
    color:#FFF; 
} 
.sales_toolbar input { 
    width:30px; 
} 
.sale_container { 
    width:500px; 
    border:2px solid #FFF; 
} 
.sale_image { 
    height:200px; 
    width:200px; 
    background-size:cover; 
    border-radius:10px; 
} 
.sale_image_container { 
    border:solid #000 1px; 
    float:left; 
    border-radius:10px; 
    background-color:#353535; 
} 
.sale_image_container p { 
    margin:10px; 
} 
.sales_toolbar { 
    float:right; 
}

HTML이 :

이

<form class="add_sales" name="add_sales" action="php/process_sales.php" method="post"> 
    <div class="sale_container"> 
     <div class="sale_image_container"> 
      <div style="background-image:url(data/images/20140121/0/image8.jpg)" class="sale_image"></div> 
      <p>KR</p> 
     </div> 
     <div class="sales_toolbar"> 
      <input type="text" readonly value="KRR" id="50_selected" /> <!-- Selected --> 
     </div> 
    </div> 
</form>

가 내가 크롬에서 미리 때 그것은 단, JSFiddle에 작동하는 것 같군

, 그것은처럼 보이는

는 JSFiddle Demo이

CSS 참조 이 : Strangeeee

출처

2014-01-22 Martyn Ball

그것은 나를 위해 변경 : http://jsfiddle.net/hashem/6fVBA/4/ 추가 스타일이 다른 CSS 소스에서 포함되고 있음을 –

가능. Inspect Element를 사용하여 div를보고 예상치 못한 스타일이 적용되어 있는지 확인해 보셨습니까? Chrome에는 기본적으로 요소를 마우스 오른쪽 버튼으로 클릭하면 기본 제공되는 기능이 있습니다. – justis

게시 한 jsfiddle과 Chrome (로컬 HTML 파일에 넣을 때)에서 모두 똑같이 보입니다. 나는 그림을 넣기도하고 둘 다 똑같이 표시한다. jblasco의 제안은 여기에 약간의 장점이 있습니다. – JackArbiter

이 추가 스타일이 다른 CSS 소스에서 포함되고있는 가능성이 있습니다. Inspect Element를 사용하여 div를보고 예상치 못한 스타일이 적용되어 있는지 확인해 보셨습니까? Chrome에는 기본적으로 요소를 마우스 오른쪽 버튼으로 클릭하면 기본 제공되는 기능이 있습니다.

도움이 다행.

는

출처

2014-01-23 01:48:33 justis

너비를 변경하려면 절대 판매 요율로 위치를 설정하십시오.

.sale_container{ 
    width: 300px; 
    position: absolute; 
    border: 2px solid #E97676; 
}

를 사용하여 불을 지르고 (http://getfirebug.com/)는 HTML 요소와 CSS 속성을 검사합니다.

출처

2014-01-22 22:11:34

이것은 완전히 불필요합니다. 블록, 플로트 : – justis

시도 디스플레이를 필자가 작동하지 않습니다뿐만 아니라 –

내가 가지고 불을 지르고 왼쪽으로, 더 나은 것 같다, HTML 편집기 TBF 내장의 Chromes를 사용하는 것을 선호합니다. 브라우저 편집기에서 "sale_container"스타일을 검사하면 너비는 190px입니다. 내가 브라우저 편집기에서 그것을 변경하면 그것은 잘 작동한다. .. : S –

너비가 전혀 변하지 않는 div

답변

관련 문제