Wordpress的高级自定义字段文本溢出DIV

时间:2013-11-16 01:01:05

标签: php css wordpress

我在wordpress中使用ACF是为了最简单的目的,添加了一个描述字段。

PHP

<div id="description-div">
    <p><?php the_field('description'); ?></p>
</div>

CSS

#description-div {
    position: relative;
    float: left;
    width: 250px;
    height: 300px;
}

#description-div p {
    width: 250px;
}

但无论我如何封装文本(尝试使用和不使用p和div,给它们宽度),它总是溢出父div。 以下是实例:http://no-plans.com/temp/wp-tobias/wordpress/?p=35

有任何线索吗?

1 个答案:

答案 0 :(得分:1)

添加:

#description-div p {
width: auto;
line-height: 1;
white-space: normal;
}

CSS文件的第526行覆盖了#description-div,我建议查看CSS规则的结构,看看它们是如何级联的,我怀疑你是否会遇到继承问题。

使用良好的CSS重置也会有所帮助。