Question

我有2个div，我不能给出不同的类名，因为它们是相同的但是在可重复的PHP代码中，doesen允许我给它们不同的类名。所以我基本上想要并排显示它们。我试过给他们一个左边的浮动和相对位置以及一个主要的div围绕着他们的绝对位置和其他类似的东西，但无济于事。

HTML：

<div class="master"> 
<div class="second">1st</div>
<div class="second">2nd</div>
</div>

当前应用的CSS：

.second{
    color:#FFF;
    width:300px;
    height: 10%;
    background-color:#69F;
    border-radius:25px;
    opacity: 0.7;
    filter: alpha(opacity=40);
    float:left;
}
.master{
width:960px;
padding-top:12%;
margin: 0 auto;
font-size:50px;
}

Answer 1

public List<Image> GetImageOnId(int ID)
{
    var query = _db.Images.Where(i => i.id == ID).Select(i => i);
    return query.ToList();
}

Answer 2

添加此<div class="master"> <div class="second" style="float:left">1st</div> <div class="second">2nd</div> </div> -

css

检查DEMO

Answer 3

尝试添加display: inline-block

.second {
  display: inline-block;
}

并确保不要将任何.second容器的宽度增加到父项的一半以上

Answer 4

在你的css代码中输入：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        // solution 1
        function calltop(){
            window.opener.callback_top();
        }
        // solution 2
        window.onbeforeunload = function(){
            window.opener.callback_top();
        }
    </script>
</head>
<body>
    <button onclick="calltop();">Press me 2</button>
</body>
</html>

还要确保如果你设置该类.class { float:left; }的宽度，那么它不应超过50％，因为这两个div只包含在带有.second类的主div中

Answer 5

如果使用“float：left”，则必须为浮动的div设置宽度（百分比 - 显然它们不得超过100％ - 或像素）。此外，您可能希望将此css用于容器：

eval

更多相关内容：

How do you keep parents of floated elements from collapsing?

将2个div放在一起，使用相同的类

5 个答案: