Question

我可能只是真的很累但是我不能为我的生活弄清楚为什么public TestBase(){ ChromeOptions options = new ChromeOptions(); options.addArguments("--start-maximized", "--disable-cache"); driver = new ChromeDriver(options); }不能使父母的宽度调整到它的大小＆＆n; ＃39;的内容。我已尝试搜索其他解决方案，但我发现的每项资源都表示向父级添加display: inline-block应该可以解决问题。

在下面的示例中，我试图使蓝色方块仅延伸到绿色方块的边缘，然后最终通过inline-block将内容居中：

＆＃13;

margin: 0 auto;

＆＃13;

#intro {
  height: 400px;
  background-color: red;
}
.slide-txt {
  display: inline-block;
  width: 30%;
  background-color: lime;
}
.slide-box {
  display: inline-block;
  margin: 0 auto;
  background-color: blue;
}

＆＃13;

https://jsfiddle.net/eam0mk47/

Answer 1

在div子项中使用width:30%;（ .slide-txt ）会使父div扩展以填充其他70％，因此要避免这种情况并根据内容进行调整你需要在div子中使用px而不是％。

Answer 2

红色#intro是一个带有.container类的div ......这个元素通过bootstrap左右填充。

只需删除该填充： https://jsfiddle.net/eam0mk47/1/

#intro .container {
  padding: 0px;
}

或者不要在那里上课。

为什么父母不调整内容的宽度？

2 个答案: