body是个块元素还是行元素呢

答案:2 悬赏:80 手机版

解决时间 2021-11-29 14:52

提问者网友：雨不眠的下
2021-11-29 07:38

body是个块元素还是行元素呢

最佳答案

五星知识达人网友：底特律间谍
2020-11-08 07:25

是块元素。可以通过浏览器的调试工具来看。

在LZ的例子中，body里没有任何元素，所以从定义的boder上看，“只有两条细线”。如果想撑开body元素的高度，需要为其指明高度，通常的做法如下：
1. html, body {
2. height: 100%;
3. overflow: hidden;
4. }复制代码或者
1. html {
2. height: 100%;
3. width: 100%;
4. display: table;
5. }
6. body {
7. display: table-row;
8. }复制代码或者使用position: fixed定位来模拟四个边框，当然，有时候照顾不到较老的IE浏览器。

更甚之可以将内容嵌套在table内，给table加上边框

这个跟浏览器的盒模型(box mode)有关。W3C的盒模型属于“内容型的盒模型(content-box)”，而IE传统的盒模型属于“边界型的盒模型(border-box)”，两者的模型计算方法不一致。

全部回答

1楼网友：老鼠爱大米
2021-04-04 03:15

是块元素。可以通过浏览器的调试工具来看。在lz的例子中，body里没有任何元素，所以从定义的boder上看，“只有两条细线”。如果想撑开body元素的高度，需要为其指明高度，通常的做法如下： 1. html, body { 2. height: 100%; 3. overflow: hidden; 4. }复制代码或者 1. html { 2. height: 100%; 3. width: 100%; 4. display: table; 5. } 6. body { 7. display: table-row; 8. }复制代码或者使用position: fixed定位来模拟四个边框，当然，有时候照顾不到较老的ie浏览器。更甚之可以将内容嵌套在table内，给table加上边框这个跟浏览器的盒模型(box mode)有关。w3c的盒模型属于“内容型的盒模型(content-box)”，而ie传统的盒模型属于“边界型的盒模型(border-box)”，两者的模型计算方法不一致。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息