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如果灵活的应用,可以达到很好的效果。

相关文章
|
数据采集 机器学习/深度学习 自然语言处理
数据清洗与过滤
【10月更文挑战第6天】数据清洗与过滤
232 1
|
存储 数据可视化 安全
一张图的七十二变——阿里云OSS图片处理实践
      小张是某视频网站的新入职的UED,日常工作就是创作各式各样的海报banner。踌躇满志的小张,上了三天班就蔫了。因为他在完成一张图的创作后,还需要考虑:• 同一张图会以不同的形式应用于网站各处:有时候需裁剪成不同形状,有时需要加水印,有时需转换格式....• 为了风格统一,不同的图需要保持样式统一:不同图片排列组成成一组,每组图片风格(
2793 0
什么是线程?以及线程的总结。(十小点1700字)
什么是线程?以及线程的总结。(十小点1700字)
|
缓存 安全 Java
已经有 MESI 协议,为什么还需要 volatile 关键字?
在上一篇文章里,我们聊到了 CPU 的缓存一致性问题,分为纵向的 Cache 与内存的一致性问题以及横向的多个核心 Cache 的一致性问题。我们也讨论了 MESI 协议通过写传播和事务串行化实现缓存一致性。
520 0
|
Rust Java 程序员
什么是好的错误消息? 讨论一下Java系统中的错误码设计
一个好的Error Message主要包含三个部分:Context: 什么导致了错误?发生错误的时候代码想做什么?The error itself: 到底是什么导致了失败?具体的原因和当时的数据是什么?Mitigation: 有什么解决方案来克服这个错误,也可以理解为 Solutions。听起来还是有点抽象,能否给点代码具体说明下?
什么是好的错误消息? 讨论一下Java系统中的错误码设计
|
存储 API 数据库
c# 如何将程序加密隐藏?
c# 如何将程序加密隐藏?
285 0
c# 如何将程序加密隐藏?
|
数据采集 分布式计算 运维
转:模糊算法在局域网管理软件中的优势、误区和可扩展性
模糊算法在局域网管理软件中可以发挥一定的优势,在局域网管理软件中可以有一些应用场景,主要用于处理模糊信息和不确定性问题。下面是模糊算法在局域网管理软件中的优势、误区和可扩展性的讨论。
165 3
|
监控 NoSQL Java
SpringBoot——四大核心之指标监控(actuator)
这篇文章呢,我来和大家聊聊指标监控这个东西。
1166 0
SpringBoot——四大核心之指标监控(actuator)
|
传感器 数据采集 语音技术
基于CC2530设计的自动晾衣杆
使用CC2530单片机的ADC接口采集雨滴传感器的模拟值,得到雨滴传感器的雨滴测量值之后,与预先设置的阀值进行对比,是否要打开或者收回晾衣杆,这个晾衣杆的伸缩采用步进电机进行模拟;并且还支持语音控制、手动控制晾衣杆的伸缩。
347 0
基于CC2530设计的自动晾衣杆
|
SQL 大数据 BI
大数据中必须要掌握的 Flink SQL 详细剖析 (二)
Flink SQL 是 Flink 实时计算为简化计算模型,降低用户使用实时计算门槛而设计的一套符合标准 SQL 语义的开发语言。
515 0