html – CSS定位 – 彼此相邻的两个元素

概述好的,我知道这个问题至少已经在这里出现了几百次,但这种定位让我发疯了 – 有人可以帮帮我吗？ 我有一个portlet页面(它基本上是html),带有一个表和一个div标签.我想把它们放在一起(左边是桌子,右边是div).这是我的html的一部分： <div id="page> <table id="logtable"> ... </table> <div id="divMessage 好的,我知道这个问题至少已经在这里出现了几百次,但这种定位让我发疯了 – 有人可以帮帮我吗？

我有一个portlet页面(它基本上是HTML),带有一个表和一个div标签.我想把它们放在一起(左边是桌子,右边是div).这是我的HTML的一部分：

<div ID="page> <table ID="logtable">  ... </table> <div ID="divMessage>  ... </div></div>

……和CSS：

#page {    wIDth: 1200px;    margin: 0px auto -1px auto;    padding: 15px;}#logtable {    wIDth: 800px;    float: left;}#divMessage {    wIDth: 350px;    position:relative;    right:-5px;    top: -20px;}

我已经尝试了各种职位 – 绝对,固定,浮动等,但我似乎无法做到正确…感谢您的帮助！

解决方法 你可以用……

float: left;

你的div’logtable’

我建议使用div来对齐内容,以便将表格包装在div中.
我也更喜欢在浮动左侧使用内联块,并提供更可预测的结果.

所以…

<div ID="page"> <div ID="divtable" >     <table ID="logtable">      left     </table>  </div> <div ID="divMessage" >  Right </div></div>#page {    wIDth: 1200px;    margin: 0px auto -1px auto;    padding: 15px;}.InsIDeContent{    display:inline-block;}}#divtable {    wIDth: 800px;}#divMessage {    wIDth: 350px;}

代码需要整理,但你明白了……

Jsfiddle http://jsfiddle.net/3N53d/

总结

以上是内存溢出为你收集整理的html – CSS定位 – 彼此相邻的两个元素全部内容，希望文章能够帮你解决html – CSS定位 – 彼此相邻的两个元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。