首页 > CSS模仿StackExchange的sites页面布局

CSS模仿StackExchange的sites页面布局

StackExchange是这样的,我模仿这个做了codepen,可是一些元素没能像原站一样显示,这是为什么呢?


首先你的使用的方法是float必然会出现你这种布局(http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 这里有对多元素float的讲解),StackExchange用的是绝对定位加x轴y轴移动实现的那种布局。


StackExchange这种不能用float做;float补充前一个float的高度差,是优先填补整行后填补再高度差;就像你写的第四个DIV不会填补到第二个下面那样;

【热门文章】
【热门文章】