如何实现DIVCSS三列自适应（三列都不定宽）呢，如：左列占屏幕10%，中间列占屏80%，右列占屏10%，这样刚好三列占满屏幕宽度
3条回答 默认 最新
danielinbiti 2016-05-08 10:45关注用bootstrap 或者 <!DOCTYPE html> <html> <body> <div style='display:table-cell;width:5000px;background-color:red;'>111</div> <div style='display:table-cell;width:80%;background-color:blue;'>222</div> <div style='display:table-cell;width:10%;background-color:yellow;'>333</div> </body> </html> 第二个尽可能打，超出屏幕后会按照比例等分，浏览器需IE8以上，支持html5解决 无用评论 打赏举报
分享
- 2022-09-15 17:21回答 5 已采纳 实际上只要 实现自动切换字号就行。这个需要一个标准 。比如：字数在 0-100 给 16px100-200 给 14px200以上给 12px 有了标准 那就根据字数 给 不同的字体大小就行 类似这个
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2021-09-26 13:33回答 5 已采纳 使用js代码控制，浏览器缩小到一定的高度之后，禁止缩小 $(window).resize(function(){ if(document.body.clientHeight<700){
- 2020-09-24 23:02最近做了个项目，其中有项目需求是需要div根据内容进行宽度自适应。下面小编给大家分享一段代码关于CSS 实现div宽度根据内容自适应 的相关知识，需要的朋友参考下
- 2022-03-03 10:34回答 1 已采纳 <div style="height:100%"></div> 这样高度就随着父元素自适应啊
- 2011-04-22 17:19回答 2 已采纳 JS做的话,CSS不要设定高度,让它自适应. 然后JS取这个DIV的高度,如果高度200,则将高度设为200
- 2022-10-20 15:54回答 2 已采纳 #rightMenuNavigation { border-radius: 18px 0 0 18px; background-color: #F7F9FA; /* 修改 */ positi
- 2020-10-30 15:09div+css实现自适应宽度按钮
- 2014-12-26 01:37回答 2 已采纳 left和right的css添加top:100px，要不没设置top时，紧跟上一个容器的位置进行定位
- 2020-07-30 10:22回答 3 已采纳 如果说你只是要图片的效果的话，不需要宽度自适应也可以实现，想要宽度自适应纯css是没有办法实现的，需要加入js。
- 2021-08-28 11:27回答 4 已采纳 要懂得思考，弹性盒子了解下
- 2021-08-04 00:31貘吃馍香的博客 咱们在写页面的时候常常会遇到须要图片自适应容器大小这样的状况，下面我就开门见山的说明一下怎样去实现这样一个效果。css 123备注一下这里的图片大小为200x200pxpromisediv {width:400px;height:400px;border:1px ...
- 2022-10-19 23:00回答 1 已采纳 .content{ display: flex; justify-content: center; align-items: c
- 2020-12-10 21:02那就是左右两列怎么样实现背景高度自适应，及左边内容高于右边时，右边背景色也要和左边一样；右边内容高于左边时，左边背景色也要和右边一样； 当年为了实现这个，我在网上查过无数的文章，都没有很好的解决方案；...
- 2020-09-25 04:30纯CSS，完全无需JS实现自适应居中并且兼容IE7+ Chrome FireFox 等，对JS程序猿来说一种解放，下面有个不错的示例，大家可以参考下
- 没有解决我的问题, 去提问
