原文:【css面试题】三个DIV要求水平对齐,左右两个DIV宽度固定为100px,中间那个DIV充满剩余的宽度(至少2种方法)

这是我在一家公司面试时遇到的问题,当时没有答上来 所以看到的小伙伴一定要注意了 变化浏览器宽度可看到效果: 左 右 中 然后我们来看看代码: 第一种方法: 浮动 第二种方法: 绝对定位 刚发布不久,就有个小伙伴在下面评论了第三种方法 第三种方法: fiex 浏览器支持 目前主流浏览器不支持 box flex 属性。 Internet Explorer 通过私有属性 the ms flex 支持. ...

2016-08-12 17:39 7 2263 推荐指数:

查看详情

DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐DIV左右两个DIV宽度固定为150px中间那个DIV充满剩余宽度

  一个入门的DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐DIV左右两个DIV宽度固定为150px中间那个DIV充满剩余宽度。   说明:代码非真实情况下使用,所以直接简单。   没耐心的直接看最后解答。   1. 我的第一反应 ...

Fri Feb 14 08:45:00 CST 2014 0 2666
css设置div高度与宽度相等的一种方法

div.category{ width:33%; padding:33% 0 0; } 1、关键在padding:33% 0 0这句代码,通过设置padding-top与宽度相等(padding使用百分比时,padding-top和padding-bottom使用的也是宽度 ...

Sun Jul 08 08:41:00 CST 2018 0 14055
div自适应填充剩余宽度方法

两个DIV,左侧的div宽度固定,右侧DIV自适应填满剩下的宽度。 效果如图 转自 https://blog.csdn.net/weixin_41804384/article/details/81000291 ...

Tue Jul 02 01:14:00 CST 2019 0 1623
两个div水平顶部对齐

left-div和right-div都设置display:inline-block; 并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐 最终代码如下 ...

Tue Oct 16 22:20:00 CST 2018 0 719
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM