div标签如何与其他标签在同一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div标签如何与其他标签在同一行相关的知识,希望对你有一定的参考价值。

<div id="coverAA" >
<a id="coverAA1" href="index.html">更多</a>
<a id="coverAA2" style="display:none;" href="index2.html">更多</a>
</div>

<div id="TabbedPanels1" class="TabbedPanels" >
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0" onClick="mores(1)">新闻</li>
<li class="TabbedPanelsTab" tabindex="0" onClick="mores(2)">公告</li>
</ul>
<div class="TabbedPanelsContentGroup" >
<div class="TabbedPanelsContent" >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="23" colspan="3" valign="top">新闻</td>
</tr>
</table>
</div>
<div class="TabbedPanelsContent" >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="23" colspan="3" valign="top">公告</td>
</tr>
</table>
</div>
</div>
</div>
就是那个更多哪里,在IE看是没有问题的,但是在其他浏览器,比如谷歌,火狐上面那个更多就会错位,还有那个新闻和公告的那个div是选项卡式面板
求大神

没太懂你的代码和问题。但是,如果你想让div标签和其它标签在同一行显示的话,你应该这样,先设置好div标签的宽度,保证他们满足一行显示,然后再设置左侧div向左浮动。例如:
<div id="left">
</div>
<div id="right"></div>
样式表如下:
#leftwidth:300px;height:20px;background:#f0f;float:left;
#rightwidth:500px;height:20px;background:#fff;float:
试试吧。不知道回答的对不对。但愿对你有帮助。追问

额,你的QQ,QQ聊,或者邮箱也可以

追答

QQ:1979707362

参考技术A 有的是浏览器的问题,还有的就是版本的问题!有的版本就不能浏览的!标签的定位有时候是挺难的!主要是css样式表的问题!你修改一下吧!

以上是关于div标签如何与其他标签在同一行的主要内容,如果未能解决你的问题,请参考以下文章

怎样使复制的多个DIV标签都在同一行显示?

怎么能让两个DIV标签在同一行

2个div标签同在一行,然后怎么让他们2个的宽度一样,占满整的一行?

两个DIV如何浮动在一行?

div css分割线用哪个标签控制最好?

页面布局display