更新2

Question

我有这种风格的div：

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

问题是虽然div正确放置并具有正确的可视属性，但此div中的内容已禁用。如同，单击移动鼠标无法选择数据，此处的链接无法点击：S

我在这里做错了什么？

P.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个列表项的div）有问题。

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;"

Answer 2

选项1

从代码中删除此块

#contentdiv {
    position: relative;
}

选项2

#contentdiv {
    position: relative;
    float: left;
    width: 200px; // give what ever required
}

问题将得到解决

Div内容可见但已停用

更新2

2 个答案: