如何在级联表的右侧放置div – CSS

前端之家收集整理的这篇文章主要介绍了如何在级联表的右侧放置div – CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有3张桌子,一个接一个地级联.我有一个div,我想放在这些表的右侧. div的高度可能会根据文本内容而有所不同.目前div显示在表格下方,如下图所示;

但我想将div放在表格旁边,以便它可以向下延伸.

这是工作小提琴http://jsfiddle.net/ZHVuf/1/

最佳答案
您应该在表周围添加一个容器,如下所示:

HTML

让他漂浮,就像你的div #myDiv

CSS

#container {
    float:left;
}

见更新fiddle.

在第二次更新的fiddle上,我添加了一个带有clearfix的包装器!

insertusernamehere评论说你可以使用overflow:hidden而不是clearfix,请参阅here以获得一种新的工作方式,用更少的代码完成此操作.

猜你在找的CSS相关文章