小编Xio*_*ico的帖子

初学者的东西:如何阻止CSS'Divs重叠?

第一个问题,我在一个月前开始研究CSS,因为我得到了一份工作,但似乎我遇到了一些我无法解决的问题(主要是由于我的经验不足而且是别人的CSS)

我不会那么多地绕过灌木丛并在展示代码之前解释问题.在一个类似于表单的设置中有一组Div,但是当文本变得太拥挤时它会侵入下一个Div,所以通过CSS而不是HTML修复它,对此有什么解决方法吗?从我可以想象的这个问题来看,它很容易傻,但是,好吧,是的.

编辑:我有点忘了提到那部分,我不希望它们被隐藏,我希望每个div自动允许"前一个"完成它的重点而不重叠(尝试溢出:自动但它给了它们滚动条,到整个站点中的所有表单.

这是一张关于当下情况的图片,我相信你会马上看到这个问题

http://imgur.com/aj8pDaO


这是相关的HTML

<html>
<head>
    <link href="hue.css" rel="stylesheet">
</head>
<body>
    <div class="content">

        <div class="column">
            <div class="form">
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationRfc">RFC</label><label id="cfdiCreate:organizationRfc">XXXXXXXXXXXX</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationTaxSystem">Regimen    fiscal</label><label id="cfdiCreate:organizationTaxSystem">Sueldos y salarios</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationTaxAddress">Domicilio  fiscal</label><label id="cfdiCreate:organizationTaxAddress">XXXXXX Colonia Tecnológico  Monterrey,Nuevo León,México.C.P.XXXXXX</label>
                </div>
                <div class="form-nivel">
                    <label for="cfdiCreate:organizationExpeditionPlace">Lugar de  expedición</label><label id="cfdiCreate:organizationExpeditionPlace">Suc.1 Chiapas,México.     </label>
                </div>
            </div>
        </div>
        <div class="column secondary">
            <!--?xml version="1.0" encoding="UTF-8"?-->
        </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是CSS

body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}

p { …
Run Code Online (Sandbox Code Playgroud)

html css overlap

16
推荐指数
1
解决办法
7万
查看次数

标签 统计

css ×1

html ×1

overlap ×1