0
我的网站上有一个CSS悬停在这里 - http://www.match-a-match.com/site/users/它位于右上角。悬停时的CSS样式
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
我想不宽于240像素
我尝试添加盒砥中的内容：
max-width: 240px;
但这意味着箱子是320x240像素，但内容仍然在整个屏幕上就。我无法弄清楚如何使内容适合240像素的盒子！
任何帮助将非常感激。
编辑：全片段与HTML
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
<body>
<div class="dropdown">
<span>Account Info/Sign In</span>
<div class="dropdown-content">
<?php session_start(); $sessData=! empty($_SESSION[ 'sessData'])?$_SESSION[ 'sessData']: ''; if(!empty($sessData[ 'status'][ 'msg'])){ $statusMsg=$ sessData[ 'status'][ 'msg']; $statusMsgType=$ sessData[ 'status'][ 'type']; unset($_SESSION[ 'sessData'][ 'status']); } ?>
<div class="container">
<?php if(!empty($sessData[ 'userLoggedIn']) && !empty($sessData[ 'userID'])){ include_once 'user.php'; $user=n ew User(); $conditions[ 'where']=a rray('id'=> $sessData['userID'],); $conditions['return_type'] = 'single'; $userData = $user->getRows($conditions); ?>
<h2>Welcome <?php echo $userData['first_name']; ?>!</h2>
<div class="regisFrm">
<th><b>Id:</b>
<p>
<?php echo $userData[ 'id']; ?>
</p>
</th>
<th><b>Name:</b>
<p>
<?php echo $userData[ 'first_name']. ' '.$userData[ 'last_name']; ?>
</p>
</th>
<th><b>Email:</b>
<p>
<?php echo $userData[ 'email']; ?>
</p>
</th>
<th><b>Phone:</b>
<p>
<?php echo $userData[ 'phone']; ?>
</p>
</th>
<th><b>Main Position:</b>
<p>
<?php echo $userData[ 'main']; ?>
</p>
</th>
<th><b>Available:</b>
<p>
<?php echo $userData[ 'available']; ?>
</p>
</th>
<th><b>Additional Information:</b>
<p>
<?php echo $userData[ 'addt_info']; ?>
</p>
</th>
<br>
<form action="accepted_requests.php" method="post">
<input name="search" type="hidden" value="<?php echo $userData['id'] ?>">
<br>
<input type="submit" value="Accepted Requests" />
</form>
<form action="requests.php" method="post">
<input name="search" type="hidden" value="<?php echo $userData['id'] ?>">
<br>
<input type="submit" value="Pending Requests" />
</form>
<form action="declined_requests.php" method="post">
<input name="search" type="hidden" value="<?php echo $userData['id'] ?>">
<br>
<input type="submit" value="Declined Requests" />
</form>
<a href=update.php>Update Profile</a>
<br>
<a href="userAccount.php?logoutSubmit=1" class="logout">Logout</a>
<br>
<br>
</div>
<?php }else{ ?>
<h2>Login to Your Player Account</h2>
<?php echo !empty($statusMsg)? '<p class="'.$statusMsgType. '">'.$statusMsg. '</p>': ''; ?>
<div class="regisFrm">
<form action="userAccount.php" method="post">
<input type="email" name="email" placeholder="EMAIL" required="">
<input type="password" name="password" placeholder="PASSWORD" required="">
<div class="send-button">
<input type="submit" name="loginSubmit" value="LOGIN">
</div>
</form>
<p>Don't have an account? <a href="registration.php">Register</a>
<p>You are currently trying to login as a player, if you are a club please click <a href="http://localhost/register/Clubs/index.php">here</a>
</p>
</div>
<?php } ?>
</div>
</div>
</body>
</nav>
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
</div>
</header>
您可以添加您的代码片段与您的html – Geeky
当然它很长，但我现在将它添加： – James
@詹姆斯是这个重叠的文本内容。 ？ – weBBer