HTML+CSS相对宽度和绝对宽度冲突时的div解决方法

相对宽度和绝对宽度冲突时的div解决方法 摘要:一般我们在使用绝对宽度时会使用px,相对宽度时会使用%,但是要是同时使用绝对宽度和相对宽度时该怎么办呢? 我们通过一道例题来讲解今天的内容: 1.完成图片上的题目要求 2.尝试提供这样一种方案,使得宽度与屏幕等宽,布局大体与1类似,并且保证你无论怎么调整浏览器的宽度,都可以保证中间部分布局相对宽度不变化,且格子间的间距均为10px 题目1很简单,有许多种解决方案,我就不一一赘述了 分析题目2,发现有两个关键的需求: 相对宽度:格子的相对宽度(比例)不变 绝对宽度:格子间的绝对距离不变 如果只关注相对宽度,那么很简单,令左边格子的宽度为30