Question

我遇到了问题：<div class='navbar_item navbar_item_active font_colaboratelight' id='nav_".$navbarlink_id."_active' style='float:left;color:#ffffff;'>

里面浮动的元素很好......我一直在尝试一切，但我修复这个的唯一方法就是在浮动元素上设置一个宽度，这是非常不实用的，因为我不知道他们的内容...

有关如何解决此问题的任何想法？

echo "<div style='width:960px;height:37px;margin-left:auto;margin-right:auto;'>
    <div style='height:37px;background:url(/system/images/navbar/background/1.png);position:absolute;left:0px;right:0px;z-index:-1;'></div>
        <div id='navbar_content' style='line-height:0px;width:960px;'>";


            // get navbar shortcuts
            $links = frontend_getnavbarlinks("sid_".$shop_id,$lang);

            foreach($links as &$link){

                $navbarlink_id = $link['id'];

                $link_section_arr = explode(':',$link['section']);
                $sectionlink_type = $link_section_arr[0];
                $sectionlink_id = $link_section_arr[1];

                if($link_section_arr[0] == 'c'){
                    $href = "/catalog/".$sectionlink_id."/";
                }

                echo "
                <a href='".$href."' class='toggle_reconstruct'>

                <div class='navbar_item navbar_item_active font_colaboratelight' id='nav_".$navbarlink_id."_active' style='float:left;color:#ffffff;'>
                    <div style='float:left;'><img src='/system/images/navbar/background_active/1_left.png'></div>
                    <div style='float:left;background:url(/system/images/navbar/background_active/1_middle.png);background-repeat:repeat-x;height:37px;'>
                        <div style='float:left;color:#E46F7B;font-size:15px;margin-right:6px;margin-left:6px;margin-top:12px;'>".$link['info']['label']."</div>
                    </div>
                    <div style='float:left;'><img src='/system/images/navbar/background_active/1_right.png'></div>
                    <div style='clear:both;'></div>
                </div>

                <div class='navbar_item navbar_item_inactive font_colaboratelight nav_btn_".$sectionlink_type.$sectionlink_id."' id='nav_".$navbarlink_id."_inactive' style='float:left;color:#ffffff;'>
                    <input type='text' value='".$link['does_expand']."' class='nav_expand_indicator' style='display:none;'>
                    <input type='text' value='".$navbarlink_id."' class='nav_section_id' style='display:none;'>
                    <input type='text' value='".$sectionlink_id."' class='nav_sectionlink_id' style='display:none;'>

                    <div style='padding-left:10px;padding-right:10px;height:37px;'>
                        <div style='float:left;color:#ffffff;font-size:15px;margin-right:6px;margin-left:6px;margin-top:12px;'>".$link['info']['label']."</div>
                    </div>
                </div>

                </a>
                ";

            }



                echo "
                <div style='clear:both;'></div>
        </div>
    </div>
    <div style='clear:both;'></div>



    <div id='navbar_expand1'></div>";

Answer 1

尝试将float：left给div navbar_content

Answer 2

请尝试以下代码。

这对你有帮助..

'display：inline-block'

Answer 3

我想通了，出于某些原因，Opera一直将我的font-size设置为0px，否则没有声明，所以我不得不设置font-size：1px;那里没有需要的字体大小或明确设置......

歌剧忽视浮动：左;

3 个答案: