作业帮 > 综合 > 作业

css布局小疑问,求路过高手帮一下忙

来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/15 23:55:56
css布局小疑问,求路过高手帮一下忙

我的两块大的div 第一个banner-left 设置了float :left,第二块banner-right 设置了float:right ,但他们还是不在一条水平线上。banner 加了overflow:hidden的。

<div class="banner">
            <div class="banner-left">
                <ul class="banner-pic">
                    <li><a href="#"><                </ul>
                
            </div>
            <div class="banner-right">
            
                <p><a href="#"><                <div class="banner-right-below">
                    <label for="inputsub" accesskey="s">Newsletter</label>
                    <input id="inputsub" type="text"  value="Your Email Address">
                    <span class="sub-left"></span>
                    <ul>
                        <li><a href="#">subscribe</a></li>
                    </ul>
                    <span class="sub-right"></span>
                    <ul>
                        <li><a href="#">Get updates,discounts,and special</br>
                         offers from shopsimple.com</a></li>
                    </ul>
                </div>        
            </div>
        </div>


没有代码,无法知道你CSS具体错在哪里。
错误的地方一定是:
“banner-left的宽度” 加上“banner-right的宽度”大于“父元素的宽度”。
所以,需要修改 “banner-left的宽度” 和“banner-right的宽度”,使两者之和小于他们的“父元素的宽度”。