Question

当我在浏览器中查看某个wordpress页面并对其进行操作时，似乎有一个lnline样式被添加到我的div中。

我写得像这样......

<div class="menuCol-left">
<div class="menuitem">
<h3>Buffalo Boneless Wing Dip</h3>
<p>If you like boneless wings then this dip is for you! A blend of three cheeses, zesty boneless wings, Cajun pepper sauce and our special seasonings all baked together to create this unique dip. Served with tortilla chips and pita points for diggin in.</p>
<p>~ <b>$10.99</b></p>
</div>
</div>

但是当我在Inspect Element中将它拉出来时，就像这样......（开始显示它发生的地方）

<div class="menuCol-left">
*********<div class="menuitem" style="height:168px">*********
<h3>Buffalo Boneless Wing Dip</h3>
<p>If you like boneless wings then this dip is for you! A blend of three cheeses, zesty boneless wings, Cajun pepper sauce and our special seasonings all baked together to create this unique dip. Served with tortilla chips and pita points for diggin in.</p>
<p>~ <b>$10.99</b></p>
</div>
</div>

这可能是一个javascript问题吗？我尝试过添加min-height：0！important; 它在CSS文件中没有说明.menuitem的高度，并且标记中没有任何内容。我很困惑。

Answer 1

是的，一些javascript代码正在设置元素的高度。尝试搜索.menuitem以了解哪个脚本可以执行此操作。

Answer 2

使用可以搜索所有文件的Brackets，Dreamweaver，Sublime或antoher编辑器。搜索“#menuitem”和“menuitem”，没有冒号。可能有一个PHP标记在那里添加内容，或者一个JavaScript脚本调用此id并将此参数添加到文件中的某个元素。

内联高度被添加到Div

2 个答案: