Question

可能导致页面顶部空白的原因

我想提供照片以便澄清，但由于stackoverflow中的声誉很低，我无法上传它。我使用Smarty作为php模板引擎。

<html>
    <head>
        {include file="_js.tpl"}
        <title>{$title|escape}</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        {literal}
            <style type="text/css">
                body{
                    margin:0;
                    padding:0;
                    display: block;
                    font-family: arial;
                }

                #main_iframe 
                {
                    position: relative;
                    width: 100%;
                    height:665px;
                    border:0px;         
                }

                #iframe_setting{
                    padding-left: 220px;
                    background: url('{/literal}{$vir_img}{literal}background.png');
                }
                #content-wrapper{
                    height: 665px;
                    padding-left: 10px;

                }

            </style>

            <script type="text/javascript">
                $(document).ready(function(){
                    $("button#logout").click(function(){
                        window.location = "{/literal}{$url_app}{literal}?m=account&c=do_logout";
                    });

                });

                function go(loc)
                {
                    document.getElementById('main_iframe').src=loc;
                }

                function go3(loc)
                {
                    document.getElementById('iframeid').src=loc;
                }
            </script>
        {/literal}
    </head>
        <body>{include file="header.tpl"}
                <div style="position:absolute;z-index: 999;">
                    {include file="sidebar.tpl"}
                </div>
                    <div id="iframe_setting">
                        <div id="content-wrapper">
                            {$content}
                        </div>
                    </div>
                    {include file="footer.tpl"}
        </body>
</html>

Answer 1

使用notepad++，确保此文件中包含的所有文件及其自身都是“在没有BOM的UTF-8中编码”。为此，请按以下步骤操作：

在Notpad ++中 - ＆gt; （菜单）编码 - ＆gt; （单击）在没有BOM的情况下以UTF-8编码

如果您使用了UTF8字符并将文件保存为UTF8，则通常会发生这种情况。然后，会有三个不可见的字符导致该空白区域。

在网页顶部的空白的白色空间

1 个答案: