Question

我目前正在学习HTML和CSS，我对特定对象的宽度有疑问。

该网站可在此处找到：https://rawgit.com/NBenitus/Diplomatie-Online/master/ordres.html

基本上，我希望带有标题“Raptor vs Chessmaster”的面板可以填充图像的宽度，而不是其他任何内容。

我已经将“display：block”（也尝试过“display：inline-block”）分配给面板，它的子节点和父节点，没有运气。此外，没有孩子或父母有固定的宽度，也没有边距或填充，我已经使用Chrome的开发工具进行了验证。

提前致谢！

Answer 1

你在那里的代码真的很讨厌，有太多的课程，id＆＃39;等等。

我为你摆弄它。也许这会有所帮助。

https://jsfiddle.net/foreyez/3m89rhqh/

#panel {
  background:white; 
   width:300px;
  height:auto;
  padding-bottom:30px;

}

#image1 {
  width:300px;height:300px;
  }
#title {
  background:#FFC0CB;width:300px;}

body { 
  background:#ddd;
  }

的CSS：

{{1}}

面板中的宽度未知

1 个答案: