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：表格不会使我的页面相应地调整大小

回答

相关问题