当前位置:Gxlcms > html代码 > 在网页html中,设置一个图片的宽高为什么其他的也一起变化?_html/css_WEB-ITnose

在网页html中,设置一个图片的宽高为什么其他的也一起变化?_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:17人阅读

如下图:


带红框的图片是在同一个div中,的用鼠标调整一个图片的大小,其两个也会跟着变化,真是百思不得其解,倒底是怎么回事,请教了。

代码如下(打包成一个压缩文档了):
http://download.csdn.net/download/pengwei0417/8174545

不爱下载的我把代码粘上来:
这个是html文档的:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>    京东商城                

所有分类

精美包包
双肩包 手提包 女包 男包
精美包包
双肩包 手提包 女包 男包
精美包包
双肩包 手提包 女包 男包
精美包包
双肩包 手提包 女包 男包

销售排行

  • 1. 芙丽芳丝时尚沐... ¥50元
  • 2. 限量版休闲帆布... ¥100元
  • 3. 天梭... ¥600元
  • 4. 雅诗兰黛15色... ¥20元
  • 5. SUKI 蓝莓... ¥40元
  • 6. 限量版休闲帆布... ¥100元

品牌专卖 全部品牌



这个是css文档的:
body{    margin: 0;    height: auto;    width: auto;}#content{    background-color: Aqua;    height: auto;    width: 990px;    margin: 0 auto;    font-size: 12px;}#head{    height: auto;    width: auto;    background-color: white;}#head #head1{    height: 110px;    width: 100%;    background-color: white;    position: relative;    top: 0px;    left: 0px;}#head1 a{    font-size: 14px;    position: absolute;    top: 46px;    left: 900px;    color: #666;}#head1 a:hover{    color: Red;}#head #head2{    height: 45px;    width: auto;    background-image: url(./Image/Nalist1.gif);    background-repeat: no-repeat;}#head #head2 ul{    width: auto;    width: auto;}#head #head2 li{    width: 120px;    height: 33px;    line-height: 33px;    float: left;}#nav #firsta{    background-image: url(./Image/Nalist_hover.gif);}#head #head2 a{    color: White;    font-size: 20px;    font-family: "黑体" ,Sans-Serif;    display: block;    width: 120px;    text-align: center;}#head #head2 a:hover{    background-image: url(./Image/Nalist_hover.gif);}#main{    height: auto;    width: 990px;    background-color: Red;}#main #leftmain{    height: auto;    width: 200px;    background-color: Teal;    float: left;    }#main #leftmain div{    width: 100%;    border:1px solid #ECECEC;   border-top-style:none;}#main #leftmain h1{    background-image: url(./Image/category_tree_bg.gif);    width: 200px;    font-size: 16px;    height: 27px;    line-height: 27px;}


回复讨论(解决方案)

你的这个InitialeCode.css文件中,有定义img的大小啊,如果你更改的话,是怎么改的?

img {display: block;height: 26px;width: 177px;}


上面的代码,是你的InitialeCode.css文件中的,你如果是更改这个,那么所有的img图片都会变化的。

LZ是不是将img这个标签 InitialeCode.css的line25这里面的属性改了?

这是会影响所有img标签的宽高. 你要在制定的标签中修改:

回楼上两位,跟初始化的CSS没关系,因为我改的方式是用鼠标拖拽一个图片的边调整大小时,另外两个图大小也跟着变化。
可以下载试一下。

人气教程排行