php两个图片并排显示,CSS_让两个Div并排显示的多种方法，让两个Div并排显示 一、使用dis - phpStudy...

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

让两个Div并排显示

一、使用display的inline属性

复制代码代码如下:

AAAA

BBBB

二、通过设置float来让Div并排显示

复制代码代码如下:

#left,#right {float:left;border:1px solid red; padding:10px;}

1111

2222

2222

2222

三、对于两个div并排，左边为绝对宽度，右边为相对宽度的，需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面

1、将最大的容器padding-left固定宽度，左边的固定宽度的一块position:absolute，然后right的一块width为百分百

2、 使用position:absolute。代码如下。

复制代码代码如下:

body{ margin:0; height:100%}

html{ height:100%} /*兼容firefox的div高度100%*/

#left{ position:absolute; top:0; left:0; width:200px; height:100%; background-color:#CCCCCC}

#right{ margin-left:200px; height:100%; background-color:#0099FF}

left

right

这段代码主要涉及到以下两点点比较重要的：

(1)兼容firefox实现div高度100%；

(2)div绝对定位的妙用；在页面布局的时候，position:absolute如果灵活的应用，可以达到很好的效果。相关阅读:

PHP截断标题且兼容utf8和gb2312编码

Android布局实现圆角边框效果

Javascript发送AJAX请求实例代码

PHP基于cookie与session统计网站访问量并输出显示的方法

jsp中自定义标签用法实例分析

CSS z-index 层级关系优先级的概念

直接在JS里创建JSON数据然后遍历使用

Win10 Mobile 10586升级后无限重启怎么办 硬重启帮您解决

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

jquery如何判断某元素是否具备指定的样式

jQuery+Ajax+PHP“喜欢”评级功能实现代码

轻松创建nodejs服务器(7)：阻塞操作的实现

Windows 10手机怎么兼容Android？直接运行APK的详细教程

Android中Spinner(下拉框)控件的使用详解