최근에 내 웹 사이트의 간단한 템플릿을 다운로드했습니다.
그것은 포함 1) 내 시도에서 style.css
간단하고 2) 예를 들어 index.php
이 index.php
것을 편집하고 <div class="main_body">
영역에 테이블을 추가하려면 메인 컨텐츠 (본체) 지역 은 크기를 조정 does't 따라서 페이지의 높이는입니다.
그러나 페이지의 크기는 <p>
, <h1>
태그 등으로 잘 조정됩니다. 문제는 표에서만 발생합니다. 내가 그것을 몇 가지 방법으로 rezise 만들기 위해 노력했다
주의 사항 : style.css
97 라인 :에HTML, CSS : 표에 따라 페이지 크기가 조정되지 않습니다.
#main .main_body {height:auto;}
코드입니다.table #displayblocktest {display: inline-block;}
코드 :style.css
두 번째 줄.
http://jsfiddle.net/48dog2sj/에 모든 항목이 업로드되었습니다.
그럼 내 질문은 테이블 크기에 맞게 페이지의 크기를 조정하려면 어떤 변경 작업이 필요합니까?
누군가이 문제를 해결할 수 있기를 바랍니다.
왼쪽 정렬 제거 실제로 문제가 해결되면 css float 속성의 의미를 설명 할 수 있습니까? – dimitris93
설명을 보려면 https://developer.mozilla.org/en-US/docs/Web/CSS/float를 참조하십시오. 기본적으로 요소는 정상적인 흐름에서 벗어나 좌우로 움직이며 부모 요소의 크기에도 영향을 줄 수 있습니다. http://jsfiddle.net/to10tb4v/을 보면 원래 질문과 동일한 문제가 있음을 알 수 있습니다. 어쨌든 HTML 태그 내에 배치되는 기존의 프리젠 테이션 속성 (예 : 정렬)은 오랫동안 사용되지 않았습니다. 모든 스타일링에 CSS를 사용해야합니다. – rmehlinger
음, 내가 무슨 뜻인지 알 것 같지만,이 특별한 경우에 어떻게 왼쪽으로 정렬해야합니까? – dimitris93