#前端大厂CSS面试题及答案

根据提供的论述，总结出一个1500字的文件描述如下： 在前端大厂最新面试题-CSS问题(带答案).docx中，提供了一些 CSS 代码以及对应的问题和答案。首先，给出的代码片段如下： ```html <div class="container"> <div class="item left">left: width: 100px</div> <div class="item center">中间宽度自定义</div> <div class="item right">right width: 100px</div> </div> <style> .container { height: 100px; border: 1px solid } </style> ``` 这段代码存在以下问题： 1. `<div class="item left">left: width: 100px</div>`中的样式`left: width: 100px`存在语法错误，应该是`width: 100px`。 2. `<div class="item right">right width: 100px</div>`中的样式`right width: 100px`存在语法错误，应该是`width: 100px`。 根据上述问题，可以将代码修正为如下： ```html <div class="container"> <div class="item left">left: width: 100px</div> <div class="item center">中间宽度自定义</div> <div class="item right">right width: 100px</div> </div> <style> .container { height: 100px; border: 1px solid; } .item.left { width: 100px; } .item.right { width: 100px; } </style> ``` 修正后的代码会正确显示一个具有左中右三个部分的容器，并且左侧和右侧部分的宽度都为100像素。 以上是对前端大厂最新面试题-CSS问题的代码进行修改和修正的总结。需要注意的是，下方提供的答案和代码是个人作答，并且可能存在理解错误或者答案错误的地方。欢迎大家在项目下方或者项目的issues中留言批评指正。 总结完毕。