为了账号安全,请及时绑定邮箱和手机立即绑定

最外免得边框和上面的一条是什么元素啊(截图中黑色边框部分)

最外免得边框和上面的一条是什么元素啊(截图中黑色边框部分)



http://img1.sycdn.imooc.com//578457dd0001cf3404480377.jpg

正在回答

8 回答

最外面的大框是html,上面的那条形似分隔线的是body,按f12可以查看代码所对应的元素。

因为div设置了样式“float: left”,是浮动的,body高度不适合div的高度,导致div自动换行了。

如果将“float: left;”去掉,就会发现div的元素也是包含在body里的。

57abcb4700012cb805000123.jpg

57abcb4800019d4205000175.jpg

57abcb490001085305000429.jpg


2 回复 有任何疑惑可以回复我~

同样疑惑

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//578aec2e000103ac05570481.jpg

是body

3 回复 有任何疑惑可以回复我~

<script type="text/javascript">

        //获取页面中所有的元素

        var elements2 = $("*");     ;

        //原生与jQuery方法比较

        //===表示数据和类型都相等

        if(elements2.length === elements1.length){

           elements2.css("border","1px solid red");

        }

    </script>

意味着给所有的元素设置默认的边距,最外层的边距是html的,上面那条横线是body的。

1 回复 有任何疑惑可以回复我~
#1

weibo_时间煮雨我煮面022_0

给所有的元素加上了border:1px solid red;这个样式 最外层框框是html 横线是body
2016-07-15 回复 有任何疑惑可以回复我~
#2

qq_朋友你好_0 回复 weibo_时间煮雨我煮面022_0

可是body不是应该把四个div都包起来吗?那应该是在四个div的外面,像html一样啊?
2016-07-19 回复 有任何疑惑可以回复我~
#3

weibo_时间煮雨我煮面022_0 回复 qq_朋友你好_0

这个我也不清楚呢、
2016-07-19 回复 有任何疑惑可以回复我~

同问,求解答

0 回复 有任何疑惑可以回复我~

是的  ,还有最外面一层的边框是哪个元素的呢?

0 回复 有任何疑惑可以回复我~

<hr> 你说的就是红色的分隔线吗

0 回复 有任何疑惑可以回复我~
#1

小雨停了 提问者

是的 ,还有最外面一层的边框是哪个元素的呢?
2016-07-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

最外免得边框和上面的一条是什么元素啊(截图中黑色边框部分)

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信