浮动 div 不齐平

Question

我正在尝试让我网站工作部分中的投资组合图像齐平且没有间距。现在每个图像下方有大约 3px 的间距。我认为它包含 div.work_thumb 是导致它的原因，但我不确定。

我不想为所有内容都设置特定的高度。有没有另一种方法可以让它们齐平且底部没有间距？

Answer 1

在 style.css 中你有这个规则（这似乎是一个重置）：

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  font-size:100%;
  font:inherit;
  padding:0;
  border:0;
  margin:0;
  vertical-align:baseline; //change to top
}

从 baseline 更改为 top

浮动 div 不齐平

Floated divs not sitting flush

html

css

wordpress

portfolio

floating