div 横排问题，我这是坚的。我想让两个栏目横向排列，一行显示两个栏目
<style> ul,li,dl,dt,dd,ol{ margin:0; padding:0;list-style:none;}
.cpbt { padding:8px; width:314px; float:left; overflow:hidden;}
.cpbt dl {width:157px; margin-top:2px;color: rgb(255, 255, 255); FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;}
.cpbt dl .a { padding-bottom: 15px;text-decoration:none}
.cpbt dt {width:130px; border: currentColor; height: 36px; text-align: center; line-height: 36px; font-size: 16px; background-color: #333;}
.cpbt dt a{color: rgb(255, 255, 255); text-decoration:none;}
.cpbt dd ul{width:157px; clear:both; padding-left:5px;overflow:auto;zoom:1; padding-top:6px; }
.cpbt dd li{ text-align:center;height: 30px; line-height: 30px; font-size: 14px; width:50px;display:block; float:left; margin:5px;border:1px dashed #ccc;}
.cpbt dd li:hover{color:#016672;}
.cpbt dd li a{text-decoration:none; color: rgb(0, 0, 0); FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;}
.cpbt li a:hover {height: 30px;width:50px;color: rgb(1, 143, 193); line-height: 30px; text-decoration:none;background-color: rgb(207, 231, 233); FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;display:block;}</style>
<div class="cpbt">
<dt><img src="/templets/images/productNav.jpg" /></dt>
<br />
<dl>
<dt><a href="/a/minjianwenhua/">民间文化</a></dt>
<dd>
<ul>
<li><a href='/a/minjianwenhua/wenxue/'>文学</a> </li>
<li><a href='/a/minjianwenhua/gongyi/'>工艺</a> </li>
<li><a href='/a/minjianwenhua/yanchang/'>演唱</a> </li>
<li><a href='/a/minjianwenhua/fangyan/'>方言</a> </li>
</ul>
</dd>
<dt><a href="/a/limiaotechan/">李在特产</a></dt>
<dd>
<ul>
<li><a href='/a/limiaotechan/shiyong/'>食用</a> </li>
<li><a href='/a/limiaotechan/kuangchan/'>矿产</a> </li>
<li><a href='/a/limiaotechan/yuanlin/'>园林</a> </li>
<li><a href='/a/limiaotechan/zhongzhi/'>种植</a> </li>
</ul>
</dd>
</dl></div>
要这种效果
ul, li, dl, dt, dd, ol {
margin:0;
padding:0;
list-style:none;
}
.cpbt {
padding:8px;
width:314px;
float:left;
overflow:hidden;
}
.cpbt dl {
width:157px;
margin-top:2px;
color: rgb(255, 255, 255);
FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;
float:left;
}
.cpbt dl .a {
padding-bottom: 15px;
text-decoration:none
}
.cpbt dt {
width:130px;
border: currentColor;
height: 36px;
text-align: center;
line-height: 36px;
font-size: 16px;
background-color: #333;
}
.cpbt dt a {
color: rgb(255, 255, 255);
text-decoration:none;
}
.cpbt dd ul {
width:157px;
clear:both;
padding-left:5px;
overflow:auto;
zoom:1;
padding-top:6px;
}
.cpbt dd li {
text-align:center;
height: 30px;
line-height: 30px;
font-size: 14px;
width:50px;
display:block;
float:left;
margin:5px;
border:1px dashed #ccc;
}
.cpbt dd li:hover {
color:#016672;
}
.cpbt dd li a {
text-decoration:none;
color: rgb(0, 0, 0);
FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;
}
.cpbt li a:hover {
height: 30px;
width:50px;
color: rgb(1, 143, 193);
line-height: 30px;
text-decoration:none;
background-color: rgb(207, 231, 233);
FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica;
display:block;
}
</style>
<div class="cpbt">
<dt><img src="/templets/images/productNav.jpg" /></dt>
<br />
<dl>
<dt><a href="/a/minjianwenhua/">民间文化</a></dt>
<dd>
<ul>
<li><a href='/a/minjianwenhua/wenxue/'>文学</a> </li>
<li><a href='/a/minjianwenhua/gongyi/'>工艺</a> </li>
<li><a href='/a/minjianwenhua/yanchang/'>演唱</a> </li>
<li><a href='/a/minjianwenhua/fangyan/'>方言</a> </li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/a/limiaotechan/">李在特产</a></dt>
<dd>
<ul>
<li><a href='/a/limiaotechan/shiyong/'>食用</a> </li>
<li><a href='/a/limiaotechan/kuangchan/'>矿产</a> </li>
<li><a href='/a/limiaotechan/yuanlin/'>园林</a> </li>
<li><a href='/a/limiaotechan/zhongzhi/'>种植</a> </li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/a/minjianwenhua/">民间文化</a></dt>
<dd>
<ul>
<li><a href='/a/minjianwenhua/wenxue/'>文学</a> </li>
<li><a href='/a/minjianwenhua/gongyi/'>工艺</a> </li>
<li><a href='/a/minjianwenhua/yanchang/'>演唱</a> </li>
<li><a href='/a/minjianwenhua/fangyan/'>方言</a> </li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/a/limiaotechan/">李在特产</a></dt>
<dd>
<ul>
<li><a href='/a/limiaotechan/shiyong/'>食用</a> </li>
<li><a href='/a/limiaotechan/kuangchan/'>矿产</a> </li>
<li><a href='/a/limiaotechan/yuanlin/'>园林</a> </li>
<li><a href='/a/limiaotechan/zhongzhi/'>种植</a> </li>
</ul>
</dd>
</dl>
</div>
.cpbt dl {width:157px; margin-top:2px;color: rgb(255, 255, 255); FONT-FAMILY: "Microsoft YaHei", "ChunkFive Regular", Tahoma, Helvetica; float:left}
<dl>
<dt><a href="/a/minjianwenhua/">民间文化</a></dt>
<dd>
<ul>
<li><a href='/a/minjianwenhua/wenxue/'>文学</a> </li>
<li><a href='/a/minjianwenhua/gongyi/'>工艺</a> </li>
<li><a href='/a/minjianwenhua/yanchang/'>演唱</a> </li>
<li><a href='/a/minjianwenhua/fangyan/'>方言</a> </li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="/a/limiaotechan/">李在特产</a></dt>
<dd>
<ul>
<li><a href='/a/limiaotechan/shiyong/'>食用</a> </li>
<li><a href='/a/limiaotechan/kuangchan/'>矿产</a> </li>
<li><a href='/a/limiaotechan/yuanlin/'>园林</a> </li>
<li><a href='/a/limiaotechan/zhongzhi/'>种植</a> </li>
</ul>
</dd>
</dl>
外面一个大DIV。那个产品分类如果没有链接的话就给大的DIV 做背景，然后控制 top ；
那四个 民间文化、书画教程、李苗特产、技术转让，我给你写一个。
<dl>
<dt>民间文化</dt>
<dd><a>文学</a></dd>
<dd><a>工艺</a></dd>
<dd><a>演唱</a></dd>
<dd><a>文学</a></dd>
</dl>
<dl class="right">
<dt>书画教程</dt>
<dd><a>文学</a></dd>
<dd><a>工艺</a></dd>
<dd><a>演唱</a></dd>
<dd><a>文学</a></dd>
</dl>
李苗特产跟技术转让跟上面一样，下面说下样式：
给dl 浮动，定高宽，然后给dt定高宽，浮动，边框。
然后民间文化 跟书画教程直接的间隔用 .right 去控制，还有记得上面加浮动的时候加个display:inline；解决IE6 双倍问题。当然最后别忘了给大的DIV 加个overflow:hidden
你可以重要写
<dl>
<dt>民间文化</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
<dd>4</dd>
</dl>
然后给DL设置一个宽度，在给DD设置一下宽和距离不就搞定了？
不会的话下次给你写全代码。现在有点事，给你提个建议
...横排问题,我这是坚的。我想让两个栏目横向排列,一行显示两个栏目
<\/style> <div class="cpbt"> <dt><img src="\/templets\/images\/productNav.jpg" \/><\/dt> <br \/> <dl> <dt><a href="\/a\/minjianwenhua\/">民间文化<\/a><\/dt> <dd>
两个DIV如何横向排列?
DIV默认的display属性是block。所以每一个DIV都是新的一行，现在把display换成inline就不会换新行了。两个DIV横向排列方法二：这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。float:right文本或图像会移至父元素中的右侧。注意有写情况float属性必须配合width使用，否则失效。hei...
如何让div中的内容横向排列
一、问题可能涉及到了浮动和行内元素两个知识点，首先需要div布局，写一个大的div作为父级盒子，里面有几个行内元素。如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DIV内容横向排列<\/title> <style type="text\/css"> .container { width: 500px;margin: ...
div+css 如何横向排列,要求横向排两个。超过两个就自动换行!
没必要写那么多的，直接A就搞定了。代码总发布上去，你百度HI我，我给你发你看看是不是你要的效果
DW中同一个div中有多张图片,如何实现图片横向排列?
代码中同一个DIV中多张图片怎么浮动 可以用nth-child(n)试下<div class= img > <img src= alt= \/> <img src= alt= \/> <img src= alt= \/> <img src= alt= \/> <img src= alt= \/> <img src= alt= \/><\/div><style> .img{ position...
1个大的DIV下如何让两个小的DIV横向排列
对buy 设定宽度，最好是px,然后float:left;然后对buy_banner 清浮动
怎么设置css,把放在一个div中的图片横着排列
1、首先，如图所示，我在html中放置了两个iframe标签，没有额外的设置。如果浏览器直接打开，您可以看到iframe标签默认是水平排列的。2、如果我将这两个iframe标签放在div标签中，我可以看到div标签默认垂直排列，也就是说，div标签会填充一行。3、使用css将两个div标签的float设置为left。在此设置之后，...
一段divcss代码, 让页面中的两个div左右排列
container #rightDiv{positon:absolute;width:600px;left:200px;top:0} 第二种，对#container用display：inline-block。另外就是浮动的元素不能设置padding和margin两个属性，否则IE6下边距加倍，会导致问题，建议在left和right两个容器中加内容器 参考资料：<a href="http:\/\/lushuncheng.cn\/" target...
...修改的问题,我想把如图竖版的栏目变成横向排列或自由组合排列方式...
<table width="100%" border="0" cellspacing="0" cellpadding="0" float="left">
让四个或者多个广告图片横排显示在一排,怎么实现,请高手提供下代码_百 ...
><\/a><\/li> <li><a href="#"><img src="#"><\/a><\/li> <li><a href="#"><img src="#"><\/a><\/li> <\/ul> css:li{ width:88px;height:33px;display:inline;\/*--li本来是块级元素，这条css就使li变为内联（行内）元素，从而达到横向排列--*\/ } 给div添加float:left;
