当我给出百分比宽度时,Div不会显示

时间:2015-10-19 04:17:38

标签: html css

我在div中有3个方框。我正在尝试创建一个容器宽度大小的三分之一的盒子,所以所有3个盒子都应该填充它的容器div。我也试图为他们设置最大尺寸。

这是JSFiddle

问题是,3盒子根本没有显示。我做错了什么,我该如何解决?

1 个答案:

答案 0 :(得分:0)

您需要设置Region(example Region) setFindFailedResponse(PROMPT) Settings.MoveMouseDelay=0 click("1.png") click("2.png") click("3.png") click("4.png") click("5.png") click("6.png") click("7.png") 的宽度以填充所有空间。你在#boxContainer的宽度上放了2个点。你并没有把真正的身高和#34;到.box.box不适用于非绝对或固定元素。

http://jsfiddle.net/iagomelanias/wpg8bvtp/4/

PS 1:不要忘记height: 100%中有max-width,这就是为什么盒子没有填满所有宽度的原因。

PS 2:您的边框已从第一个容器中删除,因此您可以使用.box来修复它。 See here

PS 3 :如果您想让它具有响应性,您只需添加box-sizing: border-box制作media query即可使用100%的宽度并设置.box到160px。 You can see it in this example.