Div并排显示

简介: Div并排显示

让两个Div并排显示的方法有很多,使用display的inline属性、通过设置float来让Div并排显示都可以实现,感兴趣的朋友可以参考下本文
让两个Div并排显示
一、使用display的inline属性

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

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

1、将最大的容器padding-left固定宽度,左边的固定宽度地一块position:absolute,然后right的一块width为100%
2、使用position:absolute
(1)兼容firefox实现div高度100%;
(2)div绝对定位的妙用;在页面布局的时候,position:absolute如果灵活的应用,可以达到很好的效果。

相关文章
|
7月前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
97 0
|
机器学习/深度学习 人工智能 BI
B. Swaps<743,div2>
B. Swaps<743,div2>
78 0
|
7月前
|
JavaScript
为什么把script标签放在div下面?
为什么把script标签放在div下面?
|
前端开发 开发者 容器
DIV 和 SPAN 标签介绍| 学习笔记
快速学习 DIV 和 SPAN 标签介绍。
DIV 和 SPAN 标签介绍| 学习笔记
|
前端开发
将div铺满body三种方式
将div铺满body三种方式
318 0
Mikasa #735-div2
题意:找到n ^ 1 … n ^ m中最小为出现的非负整数
99 0
Mikasa #735-div2
|
前端开发
Div与Span标签详解
Div与Span标签详解
322 0