Question

我试过把它放进去

public static void main(String[] args) {
   for (int i =1; i <= 10; i++){
        //cycles through the first number to multiply

        for (int b=1; b <=10; b++){
            //cycles through second number to multiply
            System.out.print(i*b + " ");
        }
        System.out.println();
    }
}

也

   body{ border-style: double;}

但边框只涵盖某个部分

   #form{border-style: double;}

边框只是围绕图像和我放完后结帐向左飘浮在CSS中的其他ID之一。如果我删除浮动，那么边框工作正常。

请不要回答，我是学生，而且我正在尝试一步一步学习。所以任何帮助都将不胜感激。

Answer 1

您遇到的问题是body（和html）没有设置高度，它会扩展为包含未开启的元素。一旦你float内部元素，身高将下降，崩溃。

您需要在包含的父元素（浮动元素）上正确清除浮动你可以：

将overflow:auto设置为父DIV元素
或使用特殊类（再次在父元素上）：

.clearFix:before,
.clearFix:after {
    content: " ";
    display: table;
}
.clearFix:after {
    clear: both;
}

此外，如果您想直接向body添加边框，请考虑将html, body设置为100%，以便显示您可能想要添加的底部边框

box-sizing:border-box;

到您的body元素。

<强> jsBin demo of body with visible bottom border

我在CSS中的边框风格并不能覆盖整个身体

1 个答案: