JavaScript的调整 - 格犯规呈现正确 - 圣杯布局 - CSS

然而，尽管页面呈现如预期，当我按F5 - 当浏览器窗口发生变化时，它不会在我的圈子容器内正确渲染内圈div。

如果我看变量我的Firefox调试器，

$('.circle').height($('.circle_container').width()); 
$('.circle').width($('.circle_container').width());

圆容器宽度为零！ - 调整大小时使内圈消失。我不明白的是为什么当我按下F5时，一切似乎都很好。

2015-12-20 frankBang

我正在研究它。在此期间，请注意您在这里有一个小错误：$（'col-empty'）。hide（）;应该是$（'。col-empty'）。hide（）;此外，考虑使用更多的CSS和更少的java脚本（如果有）布局 – CodeToad

您正在将circle_container宽度设置为负数，计算结果如下：$（'。middle'）。width（） - （$（' .right'）。height（）* 2）。 – CodeToad

感谢您的时间和意见。我对此非常陌生，所以任何提示都非常感谢;只是很高兴我终于到达那个阶段:) – frankBang

你拿到了数学错误：

$('.circle_container').width($('.middle').width() - ($('.right').height() *2));

真的应该：

$('.circle_container').width($('.middle').width() - ($('.right').width() *2));

I.E.在你的else条款中。

2015-12-20 16:07:59

回答