找一个会html和CSS的大神,求助怎么让下面两个div放在一行里
html文件内容<html><head><linkrel="stylesheet"type="text/css"href="sy.css"/></head><body><...
html文件内容
<html>
<head>
<link rel="stylesheet" type="text/css" href= "sy.css"/>
</head>
<body>
<div class="exclusive">
<div class="zzfcw_menu1">
<a href="#">独家专题 >></a>
</div>
<ul class="ohide">
<li><a href="#" style="color:red">信息</a></li>
<li><a href="#" style="color:blue">花絮</a></li>
<li><a href="#" style="color:blue">播报</a></li>
<li><a href="#" style="color:blue">聚焦</a></li>
</ul>
</div>
<div class="search">
<p>222</p>
</div>
</body>
</html>
CSS文件内容
.exclusive{
width:160px;
height:120px;
border:1px solid red;
clear:both;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
border:1px solid red;
margin-top:0px;
clear:both;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;} 展开
<html>
<head>
<link rel="stylesheet" type="text/css" href= "sy.css"/>
</head>
<body>
<div class="exclusive">
<div class="zzfcw_menu1">
<a href="#">独家专题 >></a>
</div>
<ul class="ohide">
<li><a href="#" style="color:red">信息</a></li>
<li><a href="#" style="color:blue">花絮</a></li>
<li><a href="#" style="color:blue">播报</a></li>
<li><a href="#" style="color:blue">聚焦</a></li>
</ul>
</div>
<div class="search">
<p>222</p>
</div>
</body>
</html>
CSS文件内容
.exclusive{
width:160px;
height:120px;
border:1px solid red;
clear:both;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
border:1px solid red;
margin-top:0px;
clear:both;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;} 展开
展开全部
.exclusive 和 .search
如果是这两个的话,那么给这两个都加上float:left就可以了。当然,display:inline-block也可以。
只要会浮动,都知道怎么让块元素显示在一行
如果是这两个的话,那么给这两个都加上float:left就可以了。当然,display:inline-block也可以。
只要会浮动,都知道怎么让块元素显示在一行
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
将css内容修改为:
.exclusive{
width:160px;
height:120px;
border:1px solid red;
float:left;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
border:1px solid red;
margin-top:0px;
float:left;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;}
.exclusive{
width:160px;
height:120px;
border:1px solid red;
float:left;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
border:1px solid red;
margin-top:0px;
float:left;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head>
<link rel="stylesheet" type="text/css" href= "sy.css"/>
<style>
.exclusive{
width:160px;
float:left;
height:120px;
border:1px solid red;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
float:left;
border:1px solid red;
margin-top:0px;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;}
</style>
</head>
<body>
<div class="exclusive">
<div class="zzfcw_menu1">
<a href="#">独家专题 >></a>
</div>
<ul class="ohide">
<li><a href="#" style="color:red">信息</a></li>
<li><a href="#" style="color:blue">花絮</a></li>
<li><a href="#" style="color:blue">播报</a></li>
<li><a href="#" style="color:blue">聚焦</a></li>
</ul>
</div>
<div class="search">
<p>222</p>
</div>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css" href= "sy.css"/>
<style>
.exclusive{
width:160px;
float:left;
height:120px;
border:1px solid red;
}
.exclusive ul{
list-style:inside;
}
.exclusive ul li {
padding-left:4px;
font-size:10px;
padding-top:5px;
}
.search{
width:150px;
height:120px;
float:left;
border:1px solid red;
margin-top:0px;
}
.zzfcw_menu1{background-color:#548FD5;height:25px;width:160px;margin-left:0px;}
.ohide{overflow:hidden;}
</style>
</head>
<body>
<div class="exclusive">
<div class="zzfcw_menu1">
<a href="#">独家专题 >></a>
</div>
<ul class="ohide">
<li><a href="#" style="color:red">信息</a></li>
<li><a href="#" style="color:blue">花絮</a></li>
<li><a href="#" style="color:blue">播报</a></li>
<li><a href="#" style="color:blue">聚焦</a></li>
</ul>
</div>
<div class="search">
<p>222</p>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询