Question

我使用javaScript函数“构建”一个小部件，在HTML页面上调用它并使用CSS使其响应。

现在，我要在mvc.net应用程序上使用相同的小部件，我不能让它像我想要的那样工作。在下面显示的图像中，“aluger”，“venda”，“compra”和“permuta”都显示在同一行中，我希望它们显示在不同的行上。我用过display：block并没有发生任何事情。这些选项是自动加载的。有人可以帮助我吗？

DIV的CSS：

#div_maior {
    display:block;
    width: 100%;
    height: 100%;
    background-color: #ffffcc;
    clear: both;
    min-height: 50px;
    max-height: 200px;
}

#div_global {
    clear:left;
    display:block;
    float:left;
    padding: .5%;
    border-color: transparent;
    height: 100%;
    width: 30%;
   // overflow: auto;  
}

WIDGET的HTML：

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="javascript.js"></script>
        <link rel="stylesheet" type="text/css" href="estilos.css"/>
    </head>
    <body id="body" onload="getFacetasAJAX()">
        <label id="div_maior">  
            <label id="div_global" style="display: inline-block">
            </label>

            <label id="div_resultados" style="display: inline-block">

            </label>
        </label>
    </body>

</html>

小部件上的CSS-HELP Checkbox问题

0 个答案: