배경 정보

나는 사용자에게 사진을 표시하는 사이트를 구축 중입니다. 이 사이트는 '게시물'테이블을 사용합니다.요소는 다른 요소를 html로 작게 만듭니다.

나는 테이블에 사진 (또는 사업부)를 추가 문제는 자동으로 옆에있는 열 크기를 조정합니다. 이 바이올린을 볼 수 있습니다. http://jsfiddle.net/hsNpj/ 빨간색 DIV는 왼쪽에있는 열을 지정된 너비보다 작게 만듭니다. 기묘한. 나는 너비가 너비가 아니라 너비와 같은 것을 의미한다고 생각했다.

td.postopt 
{ 
    background:#f6f6f6; 
    width:100px; 
    border-right:1px solid #666; 
    height:100%; 
}

왜 HTML & CSS 이렇게 않습니다 여기

는 100 픽셀로 widht을 정의해야 CSS에 코드? 어떻게 해결할 수 있습니까?

출처

2012-11-29 Axel Latvala

세트 display:block;. 그러면 td에 지정된 너비가 적용됩니다.

출처

2012-11-29 19:31:47 nyshangal

오른쪽의 내용에 너무 많은 여백을 설정 했으므로 그 내용도 작업해야합니다. – nyshangal

감사합니다, 매력처럼 작동합니다. 내가 그 블록 안에 div가 아니라 블록으로 td 디스플레이를 만들지 않았다는 것에주의하십시오! –

예를 들어 오버플로 규칙 (overflow: scroll;)을 설정해보십시오. 이것은 엘리먼트가 포함 할 수있는 것보다 더 많은 엘리먼트가 엘리먼트에있을 때 브라우저가 무엇을해야 하는지를 알려준다.

테이블 및 테이블 요소는 표준 레이아웃 요소와 동일하게 동작하지 않습니다.

출처

2012-11-29 18:23:15 KatieK

요소는 다른 요소를 html로 작게 만듭니다.

배경 정보

답변

관련 문제