為什么在框里最上面會出現一條橫線
<!DOCTYPE html>
<html>
<head>
??? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
??? <title></title>
??? <style>
??? div {
??????? width: 100px;
??????? height: 90px;
??????? float: left;
??????? padding: 5px;
??????? margin: 5px;
??????? background-color: #EEEEEE;
??? }
??? </style>
??? <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script>
</head>
<body>
??? <div class="aaron">
??????? <p>class="aaron"</p>
??????? <p>選中</p>
??? </div>
??? <div class="aaron">
??????? <p>class="aaron"</p>
??????? <p>選中</p>
??? </div>
??? <div class="imooc">
??????? <p>class="imooc"</p>
??????? <p>jQuery選中</p>
??? </div>
??? <div class="imooc">
??????? <p>class="imooc"</p>
??????? <p>jQuery選中</p>
??? </div>
??? <script type="text/javascript">
??????? //獲取頁面中所有的元素
??????? var elements1 = document.getElementsByTagName('*');
??? </script>
??? <script type="text/javascript">
??????? //獲取頁面中所有的元素
??????? var elements2 = $("*")?????? ;
??????? //原生與jQuery方法比較
??????? //===表示數據和類型都相等
??????? if(elements2.length === elements1.length){
?????????? elements2.css("border","1px solid red");
??????? }
??? </script>
</body>
</html>
2018-09-27
你的elements1 獲取了所有元素，給body加上了border，body的子元素是左浮動高度塌陷問題所以出現了橫桿
2018-09-26
你的設置了兩個邊框
2018-09-26
把? ?margin: 5px;刪掉