`
baiiiuuu
  • 浏览: 42689 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

2个div并列

    博客分类:
  • web
 
阅读更多
<!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并列"是一种常见的布局方式,用于组织页面元素并实现多栏结构。`div`(division)是HTML中的一个块级元素,它可以用来包裹其他元素,以便进行分组、布局和样式控制。本篇将深入探讨`div`元素的...

    实现让多个DIV排列时居中

    实现让多个DIV排列时居中 css div 并列居中

    将两个div左右并列显示并实现点击标题切换内容

    这里的关键是使用浮动(float)属性使div并列,以及使用绝对定位(position: absolute)和相对定位(position: relative)来控制内容区域的显示和隐藏。同时,我们还需要定义一些类(如`.up`)来处理标题的选中状态...

    导航主页-符合DIV+CSS单主页

    在本案例中,导航主页可能由多个DIV组成,每个DIV代表导航菜单的不同部分,如顶部栏、主导航、侧边栏或底部版权信息。 接着,我们谈谈CSS。CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML...

    让两个Div并排显示的多种方法

    二、通过设置float来让Div并排显示 浮动(float)是一种非常实用的布局方式,它可以让元素脱离正常的文档流,向左或向右移动,直到它的外边缘碰到包含框或另一个浮动元素为止。 ```css #left,#right{float:left;...

    css+div网页模板整站

    在本资料中,每个页面可能都由多个Div元素构成,这些元素通过嵌套和并列,形成页面的层次结构,从而实现动态和静态内容的排列。 在文件名称列表中,我们看到诸如“item_1739980815”等命名的文件,这些可能是每个...

    左右div可拖动【框架】

    1. **HTML结构**:首先,创建两个并排的`div`元素,通常使用`float: left`和`float: right`使它们并列显示。例如: ```html &lt;div id="leftDiv"&gt;&lt;/div&gt; &lt;div id="rightDiv"&gt;&lt;/div&gt; ``` 2. **CSS样式**:通过CSS...

    新手学习DIV+CSS难点之经验总结.pdf

    清除浮动是DIV+CSS中非常重要的一步,如果在同一行上有几个DIV并列显示,那么必须在其中加入清除浮动代码。如果在一行上只是一个DIV,似乎不必清除浮动。CSS代码为: ``` .clear { clear: both; } ``` HTML示例...

    新手学习DIV+CSS难点之经验总结

    当多个`div`在同一行上并列显示时,需要使用清除浮动的方法避免布局混乱。 **CSS示例代码:** ```css .clearfix::after { content: ""; display: table; clear: both; } ``` **HTML示例代码:** ```html &lt;div...

    div的两列居中放置并对每个div设计css样式

    在本知识点中,我们将详细解读如何使用HTML和CSS来实现一个页面布局,该布局中包含一个大的容器div(id为content),它内部又包含两个左右并列的子div(分别具有id为side和main)。我们的目标是让这两个子div在大...

    简单的网页制作案例(DIV+CSS完成):个人网站

    可以创建一个`div`,并通过CSS将其设置为与主体内容并列或垂直排列。 4. **页脚(Footer)**:包含版权信息、联系表格、社交媒体链接等。同样,使用一个`div`来包裹这部分内容,并设置适当的样式。 在CSS方面,...

    56个CSS+DIV实例

    - 嵌套与并列:理解如何通过嵌套和并列的DIV实现复杂页面结构。 - 类与ID的应用:合理分配类和ID,提高CSS代码的可读性和复用性。 6. **实践案例** - 导航栏:制作响应式导航栏,包含下拉菜单和过渡效果。 - ...

    采用flash+div布局精美网页

    在Flash+Div的布局中,Div通常用于组织和定位页面上的非Flash部分,如导航栏、页脚或者与Flash内容并列的静态内容。 Flash和Div的结合使用可以实现动态内容与静态内容的完美融合。Flash处理动画和交互性,而Div负责...

    css+div教程实例

    2. 行内布局(Inline Layout):如span元素,元素并列显示,适用于链接或文本装饰。 3. 浮动布局(Float Layout):使用`float:left`或`float:right`使元素在父容器内浮动,常用于创建多栏布局。 4. 定位布局...

    jQuery多图并列焦点图插件

    2. CSS样式:为了实现并列展示,CSS样式至关重要。我们可以设定图片的宽度、浮动属性以及容器的宽度,使其在一行内显示多张图片。同时,通过CSS隐藏非当前显示的图片。 3. JavaScript逻辑:接下来,我们需要编写...

    css + div网页布局终极解决方案

    在此模型中,一个父 Div 包含两个子 Div,通过 `position: absolute` 和 `position: relative` 结合,可以实现左右并列的布局。例如: ```html 无标题页 #father {width: 300px;} #left {position: absolute;...

    多个图片并列jquery焦点图代码

    本项目提供的“多个图片并列jquery焦点图代码”正是实现这种效果的一种解决方案。 该焦点图特效支持多张图片同时切换,这意味着它能够在一个屏幕上显示多张图片,并且这些图片可以同步或交错地进行过渡效果,增加了...

Global site tag (gtag.js) - Google Analytics