Question

我需要你的帮助。

首次加载页面时，似乎没有强制我的容器宽度。我在屏幕上看到的唯一一件事是： enter image description here ，应强制容器的宽度，因此它应如下所示：

我该如何解决这个问题？

<!DOCTYPE html>

<html>

<head>

<style type="text/css">
#container {
    width: 200px;
    float: left;
    border: 1px solid green;
}
#one {
    height: 200px;
    border: 1px solid red;
    display: none
}
#two {
    width: 8px;
    height: 8px;
    border: 1px solid blue;
}
#menu {
    padding: 3px;
    margin: 0;
    cursor: default;
    width: 200px;
}
</style>

<script type="text/javascript">
 function showMenu(){
   document.getElementById("one").style.display="block";
 }
 function hideMenu(){
   document.getElementById("one").style.display="none";
 }
</script>

</head>

<body>

<div id="container">
    <div id="one" onclick="hideMenu()">
        <ul id="menu">
          <li>Item 1</li>
          <li>Item 2</li>
        </ul>
    </div>
</div>

<div id="two"><img src="images/arrow_double.png" onclick="showMenu()"></div>
</body>

</html>

Answer 1

您忘了将float: left; CSS属性添加到#two。

此处：http://jsfiddle.net/wuW82/

CSS只模拟选择框

1 个答案: