【问题标题】:padding/margin issue填充/边距问题
【发布时间】:2012-07-27 17:19:11
【问题描述】:

Live site.

我有一个用于 21 个 Wordpress 主题的自定义登录页面。我注意到导航栏中的搜索输入在登录页面上与主站点略有不同 - 在登录时,搜索输入似乎更小并且图标已关闭。这是什么原因?我尝试过使用 Firebug,但似乎找不到问题所在。

谢谢。

【问题讨论】:

  • 如果并排使用 Firebug 并不能告诉您,您为什么认为我们可以?
  • 提示:它似乎是#searchform,而不是#s
  • 不用客气,谢谢提示。
  • 我并没有刻意刻薄,但它可能是真实的。除非DOCTYPE“修复”有效,否则我想它与风格上的层叠有关。那是什么,我会按照 Firebug 来寻找。
  • 我认为它是 CSS 中的东西,但我无法确定它到底是什么。

标签: html css margin padding


【解决方案1】:

填充意味着在边框内留出空间。而margin的意思是在边界之外留出空间。

【讨论】:

    【解决方案2】:

    问题是主页上没有指定<!DOCTYPE>。子页面包括主页没有的这些行:

    <!DOCTYPE html>
    <!--[if IE 6]>
    <html id="ie6" dir="ltr" lang="en-US">
    <![endif]-->
    <!--[if IE 7]>
    <html id="ie7" dir="ltr" lang="en-US">
    <![endif]-->
    <!--[if IE 8]>
    <html id="ie8" dir="ltr" lang="en-US">
    <![endif]-->
    <!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
    <html dir="ltr" lang="en-US">
    <!--<![endif]-->
    

    最重要的是&lt;!doctype&gt; 行,它在子页面上向浏览器表明HTML5 标准。 :)

    【讨论】:

    • &lt;!DOCTYPE html&gt; &lt;!--[if IE 6]&gt; &lt;html id="ie6" &lt;?php language_attributes(); ?&gt;&gt; &lt;![endif]--&gt; &lt;!--[if IE 7]&gt; &lt;html id="ie7" &lt;?php language_attributes(); ?&gt;&gt; &lt;![endif]--&gt; &lt;!--[if IE 8]&gt; &lt;html id="ie8" &lt;?php language_attributes(); ?&gt;&gt; &lt;![endif]--&gt; &lt;!--[if !(IE 6) | !(IE 7) | !(IE 8) ]&gt;&lt;!--&gt; &lt;html &lt;?php language_attributes(); ?&gt;&gt; &lt;!--&lt;![endif]--&gt;这个位在header.php的顶部,想必每个页面都附有,不是吗?
    • 只有在调用get_header()时才附加。比较您的两个模板,您会发现主页可能缺少该功能。查看你主页的源码,你会看到它以&lt;head&gt;开头,这是不正确的。
    • 谢谢你的解释,就是这样:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-01-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-28
    • 1970-01-01
    相关资源
    最近更新 更多