CSS对齐 - 修正浮动元素的对齐

我有一个CSS的特殊问题 - 'VPS计划'的div和'功能'div应该浮在一起，并在底部排队。不幸的是，除非我将Feature div的大小调整为460px，否则它会启动到下一行，我无法弄清楚。CSS对齐 - 修正浮动元素的对齐

该页面可以是seen here。

谢谢！

2013-08-07 Brian Schroeter

只是添加一些信息，我检查了FF浏览器，它似乎工作正常，在Chrome上，我可以复制这个问题。那是对的吗？ – whyAto8

对于我来说，这两个元素都排在Firefox和Chrome，但是有一些截然不同的利润。我的建议：A）验证您的HTML。你在PRE内部有一个UL而不是STRONG（这是完全无效的）（这是没有道理的，为什么是PRE？）。 B）停止使用硬编码的像素大小。实际上停止像素思维。您正在使用**响应式** Bootstrap，因此使用固定像素宽度绝对没有意义。 – RoToRa

-1

一切都看起来不错，你需要添加display: inline-table;下面的CSS。

的元素会显示为一个行内表

ul.vt li.vt-line-header { 
display: inline-table; //----Add this to your CSS 
}

希望你能理解。

来源

2013-08-07 06:58:13 Praveen

为什么内联表？使用display：inline-block;垂直对齐：底部; – Anon

@Anon在检查OP的网站时，似乎“内联块”在VPS计划的div和'Features'div之间留下了一些空间。你知道有时CSS会像这样玩耍。我们可能会想，但有时候由于其他CSS冲突（可能会）而导致行为不同。希望你能理解。 – Praveen

CSS对齐 - 修正浮动元素的对齐

回答

相关问题