css布局小疑问,求路过高手帮一下忙
来源:学生作业帮 编辑:作业帮 分类:综合作业 时间:2024/05/15 23:55:56
我的两块大的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>
错误的地方一定是:
“banner-left的宽度” 加上“banner-right的宽度”大于“父元素的宽度”。
所以,需要修改 “banner-left的宽度” 和“banner-right的宽度”,使两者之和小于他们的“父元素的宽度”。