Html 调整浏览器大小时，使固定div具有自由移动的文本

我有一个固定的标题设置，这样滚动时它将始终位于页面顶部，但是当浏览器窗口重新调整大小时，完整的标题不会显示。它是固定的，但我希望水平滚动显示完整的标题。我只是需要帮助。我尝试了替代位置属性，但除了尝试使用float之外，它没有达到我想要的效果

这是html`

    <div id="container">
        <header>  
            <h1>Home</h1>
        </header>


        <div id="content">
        <nav>
            <div id="logo"> 
                <img  src="Images/Logo.png" >
            </div>                  

            <ul>
                <li>
                    <a href="Index.HTML">
                        <i class="fa fa-HOME fa-2x" id="on"></i>  <!--this is using the font awesome icons, reffered to in the head. Multiple divs are used as the websote declared it should be done. Purely used for the icons -->
                        <span class="nav-text" id="on">
                            HOME
                        </span>
                    </a>                      
                </li>
                <li>
                    <a href="standards&info.HTML">
                        <i class="fa fa-info fa-2x"></i>
                        <span class="nav-text">
                            STANDARDS & INFORMATION
                        </span>
                    </a>
                </li>
                <li>
                    <a href="interesting_info.HTML">
                        <i class="fa fa-magic fa-2x"></i>
                        <span class="nav-text">
                            INTERESTING INFORMATION
                        </span>
                    </a>
                </li>
                <li>
                    <a href="JOBS.HTML">
                        <i class="fa fa-briefcase fa-2x"></i>
                        <span class="nav-text">
                            JOBS
                        </span>
                    </a>

                </li>

                <li>
                    <a href="photo&video.HTML">
                        <i class="fa fa-picture-o fa-2x"></i>
                        <span class="nav-text">
                            PHOTOS & <BR> VIDEOS
                        </span>
                    </a>

                </li>
            </ul>
        </nav>
        </div>

        <footer> 
            <h4>&copy;  2015</h4>
        </footer>
    </div>`

它没有正确显示，因为字体不工作，所以导航似乎有点不正常。如果最小化屏幕大小，您仍然可以看到标题的问题

任何帮助都将不胜感激，谢谢

删除此CSS：

html, body{min-width:1280px;}
header{margin-left:80px;
h1{padding-left:129px;}

---

看

是的，我尝试了这个修复，但没有达到我想要的效果。谢谢你试一试。

html, body{min-width:1280px;}
header{margin-left:80px;
h1{padding-left:129px;}