0

我目前在http://crowfell.com/index2.php的网站上工作，如果您在登录表单中输入用户名并登录，玩家资料会出现在右上角。当用户未登录页面时很好，但是一旦他们登录玩家资料 div 就会创建一个 100% 宽度的 div，该 div 从页面右侧开始，不必要地向右扩展为空白区域。

如何阻止 position:absolute div 的宽度为 100%？

这是使用以下代码创建的：

HTML/PHP：

<div class='fixed'>
    <?php
        echo "<h1>" . $_SESSION['name'] . "</h1>";
        include 'comp.php';
    ?>
    <p>0 posts, 0 votes</p>
</div>
<div class='userimg'>
    <img src='images/user.jpg'>
</div>

CSS：

.fixed { 
    /*font-family: 'Cinzel Decorative', cursive;*/
    width: 160px;
    color: #eeeeee;
    position: absolute;
    top: 0;
    margin-left: 86%;
}

.userimg { 
    position: absolute;
    top: 2px;
    margin-left: 78%;
}

include中的PHP文件只是一个随机补码生成器，并添加了一个短行，仅受div css影响。

我尝试添加宽度：20%; 对于每个 CSS 样式，我还尝试给它一个左下角的值，添加溢出：隐藏；以及在第三个中包含两个 div 并赋予不同的宽度和溢出属性。没有一个工作！

提前感谢您提供的任何帮助！

4

1 回答 1

0

你让它变得比你left和margin-left你的fixed班级userimg更难。

试试这个 CSS。删除它们上的leftandmargin-left并使用

.fixed {
  color: #EEEEEE;
  position: absolute;
  right: 2px;
  top: 0;
  width: 160px;
}
.userimg {
  position: absolute;
  right: 180px;
  top: 2px;
}

现在，您在屏幕右侧使它们彼此相对，而不是尝试从左侧碰撞。

于 2013-09-17T12:53:47.993 回答