<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css两个div并排</title>
<style type="text/css">
<!--
.onediv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#FF0000}
.twodiv{width:90px; height:50px;float:left;margin:0 0 0 5px; border:1px #000 solid; background:#99CC00}
-->
</style>
</head>
<body><div class="onediv">左</div><div class="twodiv">右</div>
</body>
</html>
详细出处参考：http://www.jb51.net/css/33741.html
分享到：
相关推荐
在网页设计中，"div并列"是一种常见的布局方式，用于组织页面元素并实现多栏结构。`div`（division）是HTML中的一个块级元素，它可以用来包裹其他元素，以便进行分组、布局和样式控制。本篇将深入探讨`div`元素的...
实现让多个DIV排列时居中 css div 并列居中
这里的关键是使用浮动（float）属性使div并列，以及使用绝对定位（position: absolute）和相对定位（position: relative）来控制内容区域的显示和隐藏。同时，我们还需要定义一些类（如`.up`）来处理标题的选中状态...
在本案例中，导航主页可能由多个DIV组成，每个DIV代表导航菜单的不同部分，如顶部栏、主导航、侧边栏或底部版权信息。 接着，我们谈谈CSS。CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML...
二、通过设置float来让Div并排显示 浮动（float）是一种非常实用的布局方式，它可以让元素脱离正常的文档流，向左或向右移动，直到它的外边缘碰到包含框或另一个浮动元素为止。 ```css #left,#right{float:left;...
在本资料中，每个页面可能都由多个Div元素构成，这些元素通过嵌套和并列，形成页面的层次结构，从而实现动态和静态内容的排列。 在文件名称列表中，我们看到诸如“item_1739980815”等命名的文件，这些可能是每个...
1. **HTML结构**：首先，创建两个并排的`div`元素，通常使用`float: left`和`float: right`使它们并列显示。例如： ```html <div id="leftDiv"></div> <div id="rightDiv"></div> ``` 2. **CSS样式**：通过CSS...
清除浮动是DIV+CSS中非常重要的一步，如果在同一行上有几个DIV并列显示，那么必须在其中加入清除浮动代码。如果在一行上只是一个DIV，似乎不必清除浮动。CSS代码为： ``` .clear { clear: both; } ``` HTML示例...
当多个`div`在同一行上并列显示时，需要使用清除浮动的方法避免布局混乱。 **CSS示例代码：** ```css .clearfix::after { content: ""; display: table; clear: both; } ``` **HTML示例代码：** ```html <div...
在本知识点中，我们将详细解读如何使用HTML和CSS来实现一个页面布局，该布局中包含一个大的容器div（id为content），它内部又包含两个左右并列的子div（分别具有id为side和main）。我们的目标是让这两个子div在大...
可以创建一个`div`，并通过CSS将其设置为与主体内容并列或垂直排列。 4. **页脚（Footer）**：包含版权信息、联系表格、社交媒体链接等。同样，使用一个`div`来包裹这部分内容，并设置适当的样式。 在CSS方面，...
- 嵌套与并列：理解如何通过嵌套和并列的DIV实现复杂页面结构。 - 类与ID的应用：合理分配类和ID，提高CSS代码的可读性和复用性。 6. **实践案例** - 导航栏：制作响应式导航栏，包含下拉菜单和过渡效果。 - ...
在Flash+Div的布局中，Div通常用于组织和定位页面上的非Flash部分，如导航栏、页脚或者与Flash内容并列的静态内容。 Flash和Div的结合使用可以实现动态内容与静态内容的完美融合。Flash处理动画和交互性，而Div负责...
2. 行内布局（Inline Layout）：如span元素，元素并列显示，适用于链接或文本装饰。 3. 浮动布局（Float Layout）：使用`float:left`或`float:right`使元素在父容器内浮动，常用于创建多栏布局。 4. 定位布局...
2. CSS样式：为了实现并列展示，CSS样式至关重要。我们可以设定图片的宽度、浮动属性以及容器的宽度，使其在一行内显示多张图片。同时，通过CSS隐藏非当前显示的图片。 3. JavaScript逻辑：接下来，我们需要编写...
在此模型中，一个父 Div 包含两个子 Div，通过 `position: absolute` 和 `position: relative` 结合，可以实现左右并列的布局。例如： ```html 无标题页 #father {width: 300px;} #left {position: absolute;...
本项目提供的“多个图片并列jquery焦点图代码”正是实现这种效果的一种解决方案。 该焦点图特效支持多张图片同时切换，这意味着它能够在一个屏幕上显示多张图片，并且这些图片可以同步或交错地进行过渡效果，增加了...