微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

原文地址:https://www.jb51.cc/css/427142.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。