无法使用CSS和HTML在div中调整img的大小

无法使用CSS和HTML在div中调整img的大小,html,css,tumblr,image-size,tumblr-themes,Html,Css,Tumblr,Image Size,Tumblr Themes,我是一个初学者程序员,我正在创建一个tumblr主题,但我遇到了一个问题。我有两个侧边栏(左和右),我已经添加了相同的背景img,但我无法将img调整到div的比例 我花了一些时间才把图像放在正确的位置,但现在它太大了。我尝试了多种方法来调整它的大小,但没有任何改变。我的意图是使图像可定制,因此无论图像如何,它都适合div。如果有人有任何建议,我洗耳恭听 我试过最大宽度/最大高度、背景位置和背景大小等 .leftbar{ 宽度:246px; 身高:775px; 位置:固定; 边缘顶部:20px

我是一个初学者程序员,我正在创建一个tumblr主题,但我遇到了一个问题。我有两个侧边栏(左和右),我已经添加了相同的背景img,但我无法将img调整到div的比例

我花了一些时间才把图像放在正确的位置,但现在它太大了。我尝试了多种方法来调整它的大小,但没有任何改变。我的意图是使图像可定制,因此无论图像如何,它都适合div。如果有人有任何建议,我洗耳恭听

我试过最大宽度/最大高度、背景位置和背景大小等

.leftbar{
宽度:246px;
身高:775px;
位置:固定;
边缘顶部:20px;
左边距:60像素;
边界半径:100px;}
#侧目{
宽度:185px;
高度:725px;
位置:绝对位置;
利润上限:17像素;
左边距:22px;
边框:8px纯色{颜色:边框背景};
边界半径:90px;}
#铁钡{
最大宽度:100%;
最大高度:100%;}


你能发布所有相关的HTML而不是粗略地评论它的结构吗?我看到的一件事是,您没有将CSS作为图像元素的目标,因此它可以自由地任意变大。我会将
sidebarimg
ID添加到image元素,或者使用那些CSS规则将image元素作为目标。如果在两个相对的侧栏中使用相同的图像,请使用类(
.sidebarimg
)而不是ID(
#sidebarimg
)。然后放入
。尝试为CSS设置背景大小属性:
backgroundsize:cover
背景大小:包含。(如有必要,“封面”将裁剪图像以适应需要)p.s.背景大小将要求将图像作为背景添加到CSS中,而不是在div中放置图像标记:
background image:url(“image.gif”)@adr5240,真管用!非常感谢你!你能发布所有相关的HTML而不是粗略地评论它的结构吗?我看到的一件事是,您没有将CSS作为图像元素的目标,因此它可以自由地任意变大。我会将
sidebarimg
ID添加到image元素,或者使用那些CSS规则将image元素作为目标。如果在两个相对的侧栏中使用相同的图像,请使用类(
.sidebarimg
)而不是ID(
#sidebarimg
)。然后放入
。尝试为CSS设置背景大小属性:
backgroundsize:cover
背景大小:包含。(如有必要,“封面”将裁剪图像以适应需要)p.s.背景大小将要求将图像作为背景添加到CSS中,而不是在div中放置图像标记:
background image:url(“image.gif”)@adr5240,真管用!非常感谢你!