<DIV>+CSS的排列怎么横着排
怎么让<DL>和<UL>在一横排上啊????<HTML><style>#DIV1{width:800;border:#0000001PXsolid;float:left;...
怎么让<DL>和<UL>在一横排上啊????
<HTML>
<style>
#DIV1 {
width:800;
border:#000000 1PX solid;
float:left;
}
#DIV1 UL{
width:600;
}
#DIV1 LI{
width:10;
float:left;
text-align:center;
}
</style>
<DIV ID=DIV1>
<UL>
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</UL>
<DL>
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</DL>
</DIV>
</HTML>
谢谢,可是为什么这两个是分两行的,我想要在一行上的 展开
<HTML>
<style>
#DIV1 {
width:800;
border:#000000 1PX solid;
float:left;
}
#DIV1 UL{
width:600;
}
#DIV1 LI{
width:10;
float:left;
text-align:center;
}
</style>
<DIV ID=DIV1>
<UL>
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</UL>
<DL>
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</DL>
</DIV>
</HTML>
谢谢,可是为什么这两个是分两行的,我想要在一行上的 展开
2个回答
展开全部
ul和dl 是块元素，要分行的。所以要想在一行，可以分别嵌套一个设定了宽度的div,进行浮动。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML>
<style>
#DIV1 {
width:800px;
border:#000000 1PX solid;
}
#li1{
width:400px;
float:left;
}
#li2{
width:400px;
float:right;
text-align:center;
}
</style>
<DIV ID="DIV1">
<div id="li1">
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</div>
<div id="li2">
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</div>
</DIV>
</HTML>
<style>
#DIV1 {
width:800px;
border:#000000 1PX solid;
}
#li1{
width:400px;
float:left;
}
#li2{
width:400px;
float:right;
text-align:center;
}
</style>
<DIV ID="DIV1">
<div id="li1">
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</div>
<div id="li2">
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</div>
</DIV>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
