博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS两列布局 一边固定 一边自适应
阅读量:4599 次
发布时间:2019-06-09

本文共 260 字,大约阅读时间需要 1 分钟。

css实现两列布局 一边固定大小,一边随着屏幕尺寸的变化自适应

首先 需要设置一·边浮动 一边设置overflow: hidden;

这样就实现了右侧的文字会随着屏幕的大小的变化 进行自适应。

!!!需要注意的是 俩个盒子的位置 ,以图上代码为例 ,假设右侧的盒子在左侧盒子之前,则不能实现自适应的效果。

因为右侧盒子时标准盒子 会占好位置,导致左侧浮动盒子不能浮动到上方。最简单的解决办法就是将标准的盒子放到后边。

转载于:https://www.cnblogs.com/zhige-1/p/10125870.html

你可能感兴趣的文章
用flash代替图片IMG,设置动态效果链接
查看>>
关于JS的随笔(二)
查看>>
select()函数以及FD_ZERO、FD_SET、FD_CLR、FD_ISSET(转)
查看>>
webbug3.0菜鸟笔记1
查看>>
数组相关函数
查看>>
Python 和其他编程语言数据类型的比较
查看>>
T2695 桶哥的问题——送桶 题解
查看>>
HTML5 表单
查看>>
Android群英传》读书笔记 (3) 第六章 Android绘图机制与处理技巧 + 第七章 Android动画机制与使用技巧...
查看>>
关于微信公众平台测试号配置失败的问题
查看>>
【NOIP2001】统计单词个数
查看>>
linux常用端口
查看>>
异常处理
查看>>
/proc/uptime详解
查看>>
如何建立合适的索引?
查看>>
acwing 651. 逛画展
查看>>
(待完成)qbxt2019.05 总结12 - 趣味题目 鹰蛋
查看>>
[2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
查看>>
关于WPF程序只运行一个实例的方法
查看>>
图论:点分治
查看>>