html - 关于基本的 html,div 标签的边框

标签 html css

我正在学习 html,我不明白为什么当我在一个 div 中有两行时,第二行不在 div 的边界内。

<html>
<head>
    <title></title>
    <link type="text/css" rel="stylesheet" href="testingsite.css">
</head>
<body>
    <div><header><h3>Line 1</h3>
         <br><h5>Line 2</h5></header></div>

</body>

我的 css 没有正确显示在代码块中,所以我在下面放了一个 jsfiddle 链接。

感谢您的帮助。 https://jsfiddle.net/xLjsmrfc/

最佳答案

你可以试试这个:

添加height :auto;

body {
    background-color: white;
    border: 5px solid blue;

}

header {
    text-align: center;
    height: auto;
    box-sizing: border-box;
    border: 5px solid blue;
    width: 100%;



}

DEMO HERE

关于html - 关于基本的 html,div 标签的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35217191/

相关文章:

javascript - 如何在 HTML 的特定部分添加和删除 'table'?

javascript - 代码中的 JQuery 淡入淡出有导致循环的错误

jquery - 在已经缩放的元素上更改变换原点

javascript - 大背景图像交换

html - 图像不会 float 到列中

html - HTML5 中的 MIDI 音乐支持

html - 垂直对齐 :middle property with no defined height

javascript - 将数字转换为名称

html - 在基于文本的浏览器游戏中,如何在对话中制作打字机效果?

html - 如何制作一个唯一的图像按钮?