作者记录了写页面时遇到的宽度自适应问题。右浮盒子固定宽度，左边自适应盒子用overflow:hidden适应宽度，但添加该样式后成块级元素，浮动标签会在其下方。解决办法是调换两个标签书写顺序，让浮动盒子先写，以实现自适应效果。
这是我之前在写页面的时候碰到的一个宽度自适应的问题，所以记录下来。
之前在写页面的时候碰一个需要自适应的问题，右浮的盒子是固定宽度的，而左边需要自适应的盒子可以通过overflow:hidden来适应宽度，以达到和右边的盒子挤在同一个水平线上。（这么说不知道好不好理解....）
而添加了overflow:hidden样式后会变成块级元素，而如果需要浮动的标签在块级元素之后，则会自动浮在块级元素下面，比如下图
这样子就达不到希望自适应的效果（即两个盒子在同一个水平线，第一个有内容的div标签能）
解决方法：
调换两个标签的书写顺序！因为html是从上向下解析的，所以让浮动的盒子先写在上面。先浮动，再产生块级元素，这样就达到了自适应的效果。
这是之前百度出的解决方法，所以记录下来，方便自己以后碰到相关的问题可以做个参考
如果说的不对，欢迎指正~
扫一扫
7220
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
