CSS
百分比宽度与固定宽度共用问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区
<div style="border:solid 1px Black">
<div style="width:150px; float:left; border:solid 1px Red">1</div>
<div style="float:left;border:solid 2px Blue">2</div>
</div>
有没有办法让左边的DIV固定宽度150px，右边的DIV宽度为剩余所有的宽度。
相关推荐
CSS三栏布局探讨——中间固定宽度两边自适应宽度
下面和大家一起探讨和学习了一种用div+css进行的三列（三栏）布局，而且是中间固定左右两边自适应宽度，听起来蛮有意思的。因为以前只是碰到过，左右两列固定而中间自适应的运用
网页设计中的固定宽度与流体布局
本文探讨了网页设计中的两种主要布局方式：固定宽度布局和流体布局。通过分析不同屏幕尺寸和分辨率对设计的影响，文章详细介绍了固定宽度布局和流体布局的优缺点，并提供了实际的HTML代码示例。
HTML页面自适应宽度的table(表格)
WEB应用的页面，表格的表现形式是常常遇到的，在列数有限的前提下，如何将各列中的内容自适应到不同分辨率的屏幕，这应该是一个比较容易遇到的问题，下面就来谈一谈我对这类问题的解决与看法。 将所有列设置为固定宽度，显然是不能满足此类要求的，但是若把全部的列都设置为百分比，恐怕在某些尺寸，或分辨率下，会变得很难看。比较习惯于用如下的方式来处理——在表格列数不是很多的前提下——将大部分列宽用固定值设置死，留下一列不设置宽度，将table的宽度设置为屏幕的百分比（譬如95%、98%等）。 例： <table width="95%" border="1" cellpadding="2" cellspac
css实现一个元素高度固定宽度按比例显示效果
用padding-top百分比可以实现宽度固定高度按比例展示，现在的需求是对一个video视频的盒子div高度是固定的，宽度如何按比例展示？ 解决后效果如图： 红框标注的即是我在上面高度比例固定的范围内宽度自适应的效果； css代码： .content { margin: 0 auto; height: 79vh; .video_box { position: relative; height: 100%; overflow: hidden; margin: 0 auto;
css+div自适应窗口宽度
css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度
