CSS:CSS显示属性有问题吗?
请任何人解释一下为什么表格(CSS:CSS显示属性有问题吗?,css,Css,请任何人解释一下为什么表格(#support table)被向下推以与“提交票据”对齐,而不是直接从第一段开始 我不明白为什么表格会被向下推,但是标题和段落正好在右边的灰色块旁边显示 我认为这一定与表的display属性有关-我尝试将其设置为display:inline,但似乎没有帮助 谢谢 这是因为extra.css第135行中的float:left。删除该选项或将其更改为float:none,它会快速移动到段落。您不必要地将表格向左浮动。(浮动:左;) 删除此属性会将表还原到正确的位置。正如
#support table
)被向下推以与“提交票据”对齐,而不是直接从第一段开始
我不明白为什么表格会被向下推,但是标题和段落正好在右边的灰色块旁边显示
我认为这一定与表的display属性有关-我尝试将其设置为display:inline
,但似乎没有帮助
谢谢 这是因为
extra.css
第135行中的float:left
。删除该选项或将其更改为float:none
,它会快速移动到段落。您不必要地将表格向左浮动。(浮动:左;
)
删除此属性会将表还原到正确的位置。正如其他答案所指出的,您有一个float:left。这导致问题的原因是因为右边的按钮上有“clear:right”。按钮向右清除,文档流从该点继续,因此即使使用该按钮,表格也会向左浮动。谢谢。顺便说一句,为什么会这样?它仍然显示在右侧块的旁边(
div.right-box
),而不是上面的块(div.right-box-support
)-为什么它很高兴与第一个块在一起而不是第二个块?我也注意到了。。。我最好的猜测是,可能因为顶部的右浮动框旁边有段落,所以它在左侧被“阻止”,而第二个右浮动框旁边只有空白。但不能肯定。