Question

#header {
  width: auto;
  height: 200px;
  background: silver;
  margin: 20 30 0;
}

#logo img {
  height: 160px;
  margin: 16 20 0 15;
  border: 4px double gray;
}

#title {
  margin: -195 570;
  font-family: Cooper;
  text-decoration: underline;
}

#Picture {
  width: 340px;
}

#firstimage img {
  height: 250;
  width: 340;
  margin: 0 20 0 30;
}

#2ndpic img {
  height: 25;
  float: left;
  width: 342;
}

<div id="header">
  <div id="logo">
    <img src="img.jpg" alt="Logo">
  </div>
  <div id="title">
    <h1> Welcome To My Site :) </h2>
  </div>
</div>
<Div id="picture">
  <Div id="firstimage">
    <img src="2nd.jpg" alt="banner">
  </div>
  <div id="2ndpic">
    <img src="3rd.jpg" alt="2ndimg">
  </div>
</div>
</div>

我正在尝试显示两个相同大小的图像，并将它们在图片中左右对齐。救命！这些不起作用，在＆lt; 2ndpic＆gt;样式不起作用，它没有按宽度高度调整大小，也不是边缘工作。救命！。顺便说一下，如果我犯了任何错误，我只是学习者，请指出它们并告诉我纠正它们的方法，所以我可以在下次修复它们。谢谢：）我正在从Youtube学习，所以你可以理解。

Answer 1

嘿，你不能从这样的数字开始访问ID。

我建议将其重命名为imgTwo或smth。

如果您无法重命名，可以通过以下方式访问它：

[id='2ndpic'] {

}

在<div>中无法显示第二张图像

1 个答案: