小编Han*_*ich的帖子

我的模板的标题部分没有获得其嵌套元素的高度.

<header id="header">
    <div id="header-inner">
        <div id="top-left">
            <a href="#" title="something" rel="home">Site Title</a>
        </div>

        <nav id="top-right">
            <div class="menu">
                <ul>
                    <li class="current_page_item"><a href="#">Home</a></li>
                    <li class="page_item page-item-2"><a href="#">Home2</a></li>
                </ul>
            </div>
        </nav>
    </div>
</header>

#header {width:100%; float:left;}
#header-inner {width:600px; margin:0 auto;}
#top-left {float:left;}
#top-right {float:right;}

我也做了一个jsfiddle:

http://jsfiddle.net/hqpb3cyc/

我知道的唯一解决方案是给#header和/或#header-inner float:left; 或显示:inline-block; 但我认为这不是正确的方法!？

希望可以有人帮帮我

最好的祝福

我在这里找到了这个小提琴,用于截断来自@iambriansreed的 html中的文本

http://jsfiddle.net/iambriansreed/bjdSF/

<p class="minimize">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>

jQuery(function(){

    var minimized_elements = $('p.minimize'); …