`
baiiiuuu
  • 浏览: 41094 次
  • 性别: 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排列时居中 css div 并列居中

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

    将两个div左右并列显示并实现点击标题切换内容的效果,接下来为大家详细介绍下js中时如何实现的,感兴趣的朋友不要错过

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

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

    div并列

    NULL 博文链接:https://aideqianfang.iteye.com/blog/262866

    Dreamweaver中div标签怎么设置左右并排?

    Dreamweaver中div标签怎么设置左右并排?Dreamweaver中div标签默认是上下并排的,想要设置成左右并排,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下

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

    一个大的div id=content包含两个左右结构的div,id=side和id= main 并居中放置,下面是具体的示例代码,感兴趣的朋友可以参考下

    经典漂亮的三列布局XHTML+CSS模

    div+css,web标准,div+css布局,div+css实例,div+css模板

    div+css布局必须要知道的css条件注释理论及实践第1/2页

    div+css布局必须要知道的css条件注释理论及实践

    div+css有实例,易学易懂

    div+css有实例,易学易懂第1 章 Web 标准布局的本质 第8 页 1.1 为什么要建立Web 标准 1.1.1 建立Web 标准的目的 1.1.2 使用Web 标准的好处 1.2 什么是Web 标准 1.3 内容、结构和表现 1.4 两种思考方式 1.5 Web 标准...

    DIV+CSS 浮动布局完美解决方案

    1、如果是两栏并列,要在中间显示分界线或图片,可以使用repeat-y的背景图片来实现,此样式写在这两栏的父级元素中,可以保证分界线与最高的栏等高。 示例: 复制代码代码如下: &lt;div id=”w

    WebBasic:前端基础

    WebRoad开发工具VSCODE快捷键:+:标签并列关系 div+span*:创建多个 div*5::给input元素设置类型{}:设置内容():对内部内容,统一添加功能 (tr&gt;td*3)*3[]:设置熟悉 div[id=demo class=xxx]$:设置起始数字 div{$...

    基于elementUI竖向表格、和并列的案例

    效果图如下 代码 &lt;div&gt; data=tableData span-method=objectSpanMethod cell-style=columnStyle xss=removed&gt; &lt;template slot-scope=scop

    HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

    // 根据CSS定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流,可以与右边块元素并列 div:nth-of-type(1){ float: left; //利用浮动 // postion: absolute; //利用绝对定位 // top: 0; // left: 0; ...

    HTML5&CSS3网页制作:元素的类型.pptx

    标签独自占据一行,相邻块状元素不会并列显示,且它的顺序是自上而下的排列; 在网页中以块的形式显示为矩形区域; 所有块状元素都可以定义自己的宽度和高度; 作为其他元素的容器,可以容纳其他内联和块状元素。 ...

    CSS网站布局实录 (第二版)PDF版

    3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 ...

    前端基础-CSS标签的显示模式

    每个div会独占一行,多个span会并列一排 1.块元素 特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示—div ul li p h1 示意图 总结:块元素可以添加宽高的属性,独占...

    详解CSS标签中的显示模式

    每个div会独占一行,多个span会并列一排 1.块元素 特点:宽度默认是100%,高度默认是0,可以设置宽度和高度,会继承父级的宽度,换行显示—div ul li p h 示意图 总结:块元素可以添加宽高的属性,独占一行 2.行...

Global site tag (gtag.js) - Google Analytics