css布局小疑问,求路过高手帮一下忙
来源:学生作业帮 编辑:百度作业网作业帮 分类:综合作业 时间:2024/06/16 02:48:36
我的两块大的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布局小疑问,求路过高手帮一下忙](/uploads/image/z/7538862-30-2.jpg?t=css%E5%B8%83%E5%B1%80%E5%B0%8F%E7%96%91%E9%97%AE%EF%BC%8C%E6%B1%82%E8%B7%AF%E8%BF%87%E9%AB%98%E6%89%8B%E5%B8%AE%E4%B8%80%E4%B8%8B%E5%BF%99)
错误的地方一定是:
“banner-left的宽度” 加上“banner-right的宽度”大于“父元素的宽度”。
所以,需要修改 “banner-left的宽度” 和“banner-right的宽度”,使两者之和小于他们的“父元素的宽度”。