网页图片移动的处理办法

来源：百度知道 编辑：UC知道 时间：2024/06/18 10:11:42
我在网页顶部的LOGO旁放了一张图片，在窗口最大化的情况下，logo和图片是正常排成一排
当窗口缩小时，图片就跑到logo的下一行
请教高手如何解决这个问题
图片的css是这样写的
.header .banner{
width:710px;
height:80px;
margin-left:20px;
overflow:hidden;
float:left;
};
.header .banner img{
width:710px;
height:80px;display:block;
我的网站用的是DEDE管理系统，已经全部做好了，现在只是图片出现这个问题，如何更改CSS文件来解决这个问题

路径: /templets/style/dedecms.css

.header{
width:100%;
padding-top:6px;
overflow:hidden;
}

此部分代码改成 把width: 100% 改成一个固定的值.至少得800左右.建议使用960px.这样肯定就不会重叠了

logo部分的代码没出来.不能判定
建议
1 logo部分的css加入 { float:left; }
2 .header .banner img{ width:710px; height:80px;display:block;}
把display:block改成display:inline;

编写css时经常出现这种问题，结合photoshop firework一起做能好点，页面还比较漂亮

.header这个还有父级元素没？
如果有设置宽度 或者设置min-width
.header .banner img{
width:710px;
height:80px;display:block;

这个图片就不用display:block;了吧···

现在还看不出什么 只能猜测额~~

width:710px;
height:80px;
margin-left:20px;
把上面的具体像素改成百分比试试