html - Div 内容可见但已禁用

Question

我有一个这种样式的 div:

#menudiv{
    width:20%;
    padding:3px;
    float:left;
    height:100%;
    font-family:ubuntu;
    font-size:25px;
    color:#404040;
}

问题在于，虽然 div 放置正确并且具有正确的视觉属性，但此 div 中的内容已禁用。如中，无法通过单击移动鼠标来选择数据，并且该位置的链接无法单击:S

我在这里做错了什么？

附言页面的这一部分还有另外两个 div，它们具有以下样式:

#content{
    position:relative;
}

div.sidebar{
    float:right;
    margin-right:25px;
    margin-left:5px;
    padding:5px;
    font-family:verdana;
    font-size:10pt;
    width:300px;
    border:solid 2px #a0b0c0;
    display:flex;
    text-align:justify;
}

这些div里面的内容是正常的，可以交互。

div中的内容是这样的:

<div id="menudiv">
    <img class="titleico" src="images/home.png" /> &nbsp; &nbsp; HOME<br />
    <ul id="menulist">
        <li><a href="yo">Menu item 1</a></li>
        <li>Menu item 2</li>
    </ul>
</div>

更新 2

你可以检查整个事情@http://daera.net/daera

最左边的 div(带有 HOME 文本和 2 个列表项的那个)有问题。

Answer 1

如果您的 HTML/CSS/Javascript/JQuery 代码包含以下内容，请删除它们...

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select:none; 
user-select:none;
-o-user-select:none;
unselectable="on" 

onselectstart="return false;"
onmousedown="return false;"