Question

当我重新调整浏览器大小并滚动到右端时，我得到如下图所示的标题，http://awesomescreenshot.com/02a29uof91

甚至stackoverflow标题也显示如下..

向右滚动时如何填充标题？

CSS

    body
{
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    background: #fff;
}

#templatemo_header_wrapper
{
    height: 114px;
    margin: 0 auto;
    background: #19446a url(images/templatemo_header_bg.jpg) repeat-x;
}

#templatemo_header
{
    width: 1200px;
    margin: 0 auto;
}

#templatemo_menu_wrapper
{
    clear: both;
    width: 100%;
    height: 41px;
    margin: 0 auto;
    background: url(images/templatemo_menu_bg.jpg) repeat-x;
}

#templatemo_menu
{
    width: 1320px;
    height: 41px;
    margin: 0 auto;
}

#templatemo_menu ul
{
    margin: 0 0 0 28px;
    padding: 0px;
    list-style: none;
}

#templatemo_menu ul li
{
    padding: 0px;
    margin: 0px;
    display: inline;
}

#templatemo_menu ul li a
{
    float: left;
    display: block;
    height: 22px;
    width: 115px;
    padding: 13px 0 0 0;
    background: url(images/templatemo_menu.jpg) bottom no-repeat;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    outline: none;
 }

HTML

<div id="templatemo_header_wrapper" >
        <div id="templatemo_header">
            <div class="style1">
                <table width="1200px">
                    <tbody>
                        <tr>
                            <td style="text-align: left">
                                <p>
                                   Heading
                                </p>
                            </td>
                            <td align="right">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <img height="50px" src="images/x.PNG" alt="x">
                                            </td>
                                            <td>
                                                <strong><span style="font-family: Times New Roman; text-transform: uppercase; font-size: 18pt;">
                                                  Comapny name</span></strong>
                                                <br>
                                                <span style="font-size: 14px; font-weight: normal;">Pvt.
                                                    Ltd.</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

Answer 1

有些代码会有所帮助。

一般来说，如果你想要水平填充东西，你需要指定一个100％宽度的容器，然后在其中放置（或浮动）元素。

我在stackoverflow.com上看不到这样的内容，无论我打开窗户有多宽。

滚动时如何填充标题？

1 个答案: