使用a标签时,其子元素可以为其他元素,但是不能包含<a>标签,否则会造成布局改变!
因此请尽量不要在a标签里放太多子元素,可以在外层套一个div,其他子元素放在a标签同级下。
正确布局:
<div>
<a>
<span>我是a中的子元素</span>
<p>我是a中的子元素2</p>
</a>
<a>我是另一个a标签</a>
</div>
错误用法:
<a>
<span>我是a中的子元素</span>
<p>我是a中的子元素2
<a>我是p中的a标签</a> //此时会造成布局混乱
</p>
</a>