找一个会html和CSS的大神，求助怎么让下面两个div放在一行里
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;}
如果是这两个的话，那么给这两个都加上float:left就可以了。当然，display:inline-block也可以。
只要会浮动，都知道怎么让块元素显示在一行
.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;}本回答被提问者采纳
<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>
在一个div内,怎么让两个div在一起?
1、使用浮动float 代码：<html> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>div同行显示<\/title> <style type="text\/css"> container{overflow: hidden;}\/* 清除浮动 *\/ container div{width:200px;height:100px;} .box1{background: red;flo...
怎么让两个DIV在同一行显示呢?
要让两个 div 元素在同一行显示，你可以使用 CSS 的 display 属性并设置为 inline-block。这样，两个 div 元素将像内联元素一样排列在同一行，但仍然保留块级元素的特性。以下是一个简单的示例：HTML 代码：CSS 代码：效果演示：在这个示例中，.container 是包含两个 div 元素的父容器，.box 是每个...
怎么让两个div并排显示?
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动，只要两个小div的宽度小于等于大div的宽度，即可实现并排了。4、使用position进行绝对定位，然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排，...
css多个div在同一行;html两个div同一行
打开html开发软件，在html开发工具上新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为：one，two。 创建div代码： div class="one"第一个div\/div div class="two"第二个div\/div 创建...
如何将两个div并列排在同一行
想要将两个或多个div并列排在同一行，需要将div元素的float属性值设为left，靠左悬浮的意思，同时也要将想要并列的div套在一个大div里，这样改变浏览器宽度，div也还是成一排。以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的...
css里,怎样使多个div元素并列一行?
这样子，就可以做到怎么变 换窗口大小时div都不会跑到下面了。以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可 4、运行效果。
html怎么将两个div并排显示啊?
在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:（1）设置为行内样式，display:inline-block （2）设置float浮动 （3）设置position定位属性为absolute 以下为三种方式的具体实现代码：1、设置每个div的展现属性为行内样式，示例代码为：<div class="app"> <div style="display:inline-...
如何让两个div在一个div里面并排
方法如下：1、创建一个大div。代码如下：main {float:left;border:1px width:100%; } 2、创建一个左边小div 代码如下：left{float:left;border:1px width:40%; } 3、创建一个右边小div 代码如下：right {float:left;border:1px width:40%; } 4、制作成css文件，或者直接添加...
使用CSS如何让两个div并排显示
方法一：把div设为“行内块级元素”：<style>div {display:inline-block; border:1px solid #000}<\/style><div>第一个div<\/div><div>第二个div<\/div>方法二：使用浮动：<style>div {float:left; border:1px solid #000}br {clear:both}<\/style><div>第一个div<\/div><div>第二个div<...
html现有代码如何让两个DIV并排一行?
首先：把这两个div写在html代码中，如下代码所示。<div class="content">第一个div<\/div> <div class="content">第二个div<\/div> 其次：再css样式里面对这两个div控制，让其左浮动，或者右浮动，根据自己需要调整。下面给出例子，div的高是253px，宽是280px，让其两个左浮动，这样两个div就...
