HTML，CSS：表格不會使我的頁面相應地調整大小

我最近爲我的網站下載了一個非常簡單的模板。
它包含1）一個簡單的style.css和2）爲例index.php

在我試圖編輯index.php並添加一個桌子上，<div class="main_body">區域，主要內容（主體）區，簡化版，調整頁面的高度相應地爲。

但是，頁面調整大小與<p>，<h1>標籤很好，等等。問題只發生在表。
請注意，我曾試圖使其與一對夫婦的方式rezise：style.css第97行：在HTML，CSS：表格不會使我的頁面相應地調整大小

#main .main_body {height:auto;}代碼。

table #displayblocktest {display: inline-block;} code：style.css第二行。

我上傳了http://jsfiddle.net/48dog2sj/上的所有內容。

所以，我的問題是，爲了使我的頁面調整到相應的表大小，我需要做些什麼改變？
希望有人知道解決這個問題的方法。

來源

2014-09-25 dimitris93

輸掉align=left - 它改變了桌子上的默認包裝：http://www.w3schools.com/tags/att_table_align.asp。此外，它已被棄用;您應該改用CSS浮動屬性。

小提琴：http://jsfiddle.net/48dog2sj/1/

來源

2014-09-25 22:24:02 rmehlinger

刪除align left的確解決了這個問題，你能解釋一下你用css float的意思嗎？ – dimitris93 2014-09-25 22:26:36

有關說明，請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/float。基本上，它需要一個超出正常流程的元素並將其粘到右側和左側，這也會影響父元素的大小。如果你看看http://jsfiddle.net/to10tb4v/，你會發現它和你原來的問題有同樣的問題。無論如何，將放置在HTML標籤中的舊的表示屬性（如對齊）已被廢棄一段時間了。所有樣式都應該使用CSS。 – rmehlinger 2014-09-25 22:32:45

恩，我想我明白你的意思了，但是在這種特殊情況下，我該如何將它對準左邊？ – dimitris93 2014-09-25 22:41:00

您必須刪除align=left從桌子上元素！

來源

2014-09-25 22:31:06

HTML，CSS：表格不會使我的頁面相應地調整大小

回答

相關問題