Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 跨浏览器href内部href?_Html_Css - Fatal编程技术网

Html 跨浏览器href内部href?

Html 跨浏览器href内部href?,html,css,Html,Css,我的css如下所示 ul.sometclass li a { display:inline-block; } 我的html看起来像 <ul class="someclass"> <li> <a href="outertest.html">outer test <div style="display:inline; float:left;overflow: hidden;"> <

我的css如下所示

ul.sometclass li a {

display:inline-block;
}
我的html看起来像

<ul class="someclass">
<li>
  <a href="outertest.html">outer test 

         <div style="display:inline; float:left;overflow: hidden;">
                   <a href="innertest.html"><div style="display:inline; float:left;">inner test</a>
                   <a href="innertest.html"><div style="display:inline; float:left;">inner test</a>
        </div>
   </a>
</li>
</ul>
1.对于跨浏览器支持,可以在href内使用href吗?
2.我的ul.someclass李是影响内心的a_href?在我看来,它影响和firefox,即使我把它作为内联,它作为块渲染。在ie上就可以了

对于跨浏览器支持,可以在href中使用href吗

不,绝对不是。嵌套的
元素无效,需要麻烦


在尝试纠正任何其他可能与此相关的问题之前,您应该先解决此问题。

您不应该在内联元素中嵌套块级元素(即嵌套在a href元素中的div)

如果您想要达到相同的效果,可以执行以下操作:

<div class="outer">
   <a ... /a>
</div>
<a class="floatLink" ... /a>


然后,通过一些巧妙的定位和z索引,您可以使浮动链接显示在外部a标记中,同时保留跨浏览器支持。

为了有嵌套a,请执行以下更改

必须将嵌套的a包装在
对象
标记中

<ul class="someclass">
<li>
  <a href="outertest.html">outer test 

         <div style="display:inline; float:left;overflow: hidden;">
                   <object><a href="innertest.html"><div style="display:inline; float:left;">inner test</a></object>
                   <object><a href="innertest.html"><div style="display:inline; float:left;">inner test</a></object>
        </div>
   </a>
</li>
</ul>

一个小的语义建议:我不认为这是“乞求”麻烦,因为:它更多的是走出去,积极要求,寻找和追求麻烦=B