為什么在框里最上面會(huì)出現(xiàn)一條橫線
<!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://idcbgp.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">
??????? //獲取頁(yè)面中所有的元素
??????? var elements1 = document.getElementsByTagName('*');
??? </script>
??? <script type="text/javascript">
??????? //獲取頁(yè)面中所有的元素
??????? var elements2 = $("*")?????? ;
??????? //原生與jQuery方法比較
??????? //===表示數(shù)據(jù)和類型都相等
??????? if(elements2.length === elements1.length){
?????????? elements2.css("border","1px solid red");
??????? }
??? </script>
</body>
</html>
2018-09-27
你的elements1 獲取了所有元素,給body加上了border,body的子元素是左浮動(dòng)高度塌陷問(wèn)題所以出現(xiàn)了橫桿
2018-09-26
你的設(shè)置了兩個(gè)邊框
2018-09-26
把? ?margin: 5px;刪掉