如何在级联表的右侧放置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以获得一种新的工作方式,用更少的代码完成此操作.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效