今天有位朋友一早转来一个有关于CSS布局的面试题，需要解决，花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧：
左侧固定宽，右侧自适应屏幕宽； 左右两列，等高布局； 左右两列要求有最小高度，例如：200px;（当内容超出200时，会自动以等高的方式增高） 要求不用JS或CSS行为实现； 仔细分析试题要求，要达到效果其实也并不是太难，只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事：
左边固定，右边自适应布局，这个第一点应该来说是非常的容易，实现的方法也是相当的多，那么就可以说第一条要求已不是什么要求了； 左右两列
2022-03-22 16:19:13
77KB
1
当父元素和子元素都没有定义宽度的情况下实现水平居中：
display:inline-block 可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。 HTML代码:
复制代码代码如下: Home …
CSS代码:
复制代码代码如下: .navbar { text-align:center; } .navbar ul { display:inline-block; } .navbar li { fl
2021-12-25 13:40:06
44KB
1
一边固定宽度，另一边根据浏览器窗口大小自动缩放宽度是这种很常用的布局。特别是在BS项目的界面设计中，几乎都会用到。
2021-09-27 18:42:27
39KB
1
详细说明及步骤，请参见本人CSDN博客：
http://blog.csdn.net/yousuosi/article/details/9618601
2019-12-21 22:13:04
174KB
1