我有个div,里面有2个dl,请问如何设置让2个dl横向排列呢?

网址大全和同类行业网站排在同一列。关于display的所有值我都试过,都没有效果,请高人详解,急急啊

第1个回答  2012-12-16
用浮动
<div>
<dl style="float:left;">
<dt>同类行业网站</dt>
<dd>cms</dd>
</dl>
<dl style="float:left;">
<dt>网址大全</dt>
<dd>cms</dd>
</dl>
<div style="clear:both;"></div>
</div>追问

亲,这样不行啊。还是没有效果的哦!

这是我的后台代码!下面是css样式:

追答

dl 设置宽度 具体宽度你自己调合适的 ,要注意他们的外层容器的宽一定要可以容的下2个dl横向排列的宽之和,否则会没效果的。

同类行业网站
cms

网址大全
cms

本回答被提问者采纳

div 横排问题,我这是坚的。我想让两个栏目横向排列,一行显示两个...
<div class="cpbt"> <dt><img src="\/templets\/images\/productNav.jpg" \/><\/dt> <br \/> <dl> <dt><a href="\/a\/minjianwenhua\/">民间文化<\/a><\/dt> <dd>

如何横排DIV
所以如果该div内部均为行内元素,只要为该div设置宽度即可保证里面的行内元素横排布局,你这儿的span即行内元素,儿dt单独用在这儿是不正确的(即使浏览器能解析),dt应该和dl,dd一起用,

css+div导航下拉二级菜单竖排效果如何改为横排?
让二级菜单变成一行,只需要在竖排的效果上,让二级菜单都浮动起来,这样就在一行了。下面是简单的代码实现,仅供参考:<style>* {margin:0px; padding:0px;}li {list-style:none; width:100px; height:30px; font-size:14px; text-align:left; line-height:30px; border:1px solid #000; pos...

div+css 如何横向排列,要求横向排两个。超过两个就自动换行!
没必要写那么多的,直接A就搞定了。代码总发布上去,你百度HI我,我给你发你看看是不是你要的效果

CSS DIV可以写出第二级子菜单也是横向的横向导航菜单?
使用纯CSS创建一个横向导航菜单,包含第二级子菜单。为了实现这个目标,我们使用了CSS选择器、属性和伪类。首先定义了所有元素的基本样式,使用了内边距和外边距的清除(margin:0; padding:0;)。接下来,我们定义了`.menu`类的样式,设置了宽度为300px,并将列表样式设置为无(list-style:none;)。

<DIV>+CSS的排列怎么横着排
ul和dl 是块元素,要分行的。所以要想在一行,可以分别嵌套一个设定了宽度的div,进行浮动。

一个父div里面的两个子div 都已经固定宽度设定了float:left浮动了...
id="header"的宽度没给出来,你设置的多少,刚刚我算了一下 总宽度是(190+5)+(600+20)+(150+10)=985px,你的 id="header"的宽度必须大于这个值才能在一行显示。此时多数浏览器下都正常了,IE6下会有双倍浮动的bug,必须将.logo,.nav 的css添加display:inline才能确保IE6下正常 ...

CSS+DIV可以写出第二级子菜单也是横向的横向导航菜单?
.menu li:hover dl { display:block;} .menu li dl dd { float:left;color:green;position:relative;cursor:pointer;text-align:center;width:100%;height:30px;padding:5px 0;line-height:30px;border-bottom:1px solid #000;display:block;} .menu li dl dd:hover { background:#FCDABE;}...

div 中如何让两个DIV居中?
1.先说文字居中。此处是垂直居中,关键代码height:105px;line-height:105px;两个值要相等。<div style=' height:105px;line-height:105px;overflow:hidden;border:1px solid #FF0099;' >居中<\/div> 2.文字横向居中,关键代码text-align:center <div style=' height:105px;line-height:105px;...

css+div中的dt,dd标签如何让他们左对齐?
text-index:-x;(x这里就要你看实际情况调整了,如果不熟悉,也可以用margin和padding,不过无论哪一个选择器,你都要用负值)} div+css左对齐分两种情况一种是:文字左对齐;另一种是区域块儿设置浮动,让他们往左浮动,而实现出来的效果即是左对齐;如下演示:1、文字实现居左对齐 网页中实现效果:...

相似回答