为什么我的元素浮动到div的底部

时间:2014-08-19 20:41:22

标签: html css

http://thepositiveclassroom.princetonsquarepress.com/dd-product/the-positive-classroom-method/

在这个页面上,Take A Look按钮位于div的底部,我不能为我的生活找到解决方法。

3 个答案:

答案 0 :(得分:1)

浮动元素首先需要在html标记中。或者删除浮动并添加display: inline-block;

答案 1 :(得分:0)

你必须把

html .singular-dd-product #primary #content .entry-header p {
  padding-bottom: 4px;
  float: left;
}

on float:left

编辑:你有一个非常邪恶的响应式设计规则集。

我会去

.p ( before button )
{ display:inline-block; }

a. ( the button )
{ display:inline-block; }

然后您可以使用vertical-align

答案 2 :(得分:0)

取出封装“Not Sure”文本的空<p>标签。

从按钮中删除float:right;

然后将display:inline-block;添加到按钮。如果您想在顶部和底部边框之间留出更多空间,请将填充添加到.product_sample_download