Question

我遇到了大麻烦...我不能让内容成长... 我已经有了这个HTML来修复它...但我不能这样做......有人可以帮我这个...... ??

我需要成长的div，好吧......你会看到Lorem Ipsum越过页脚......：p

html中有一部分：

 <div id="boxes">
    <div id="boxFinal">
        <div id="linksBoxFinal">
            <ul>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
                <a href="#"><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa felis, accumsan eget mattis sed</li></a>
            </ul>
        </div>
        <img id="barraFinal" src="img/barraBoxFinal.png" />
    </div>
</div>

这里是css：

 #boxes{
margin:0;
padding:0;
position:relative;
float:left;
height: 100%;
width: 100%;
overflow: none;
 }
 #boxFinal{
margin:15px 0 0 8px;
padding:0;
float:left;
position:relative;
width:100%;
max-height:100%;
overflow:inherit;
   }

有人可以帮助我......？

Answer 1

玩过你的风格后，我发现很多事情都是错的。首先，你不需要漂浮所有东西。接下来你需要在ul中添加lis来锚定标签。第三，你需要删除#lineBoxFinal的绝对定位。如果您使用以下样式（替换现有样式），则页脚应该正常工作

//line 241
#linksBoxFinal ul {
    margin: 5px 0 35px 15px;
    z-index: 3;
}

//line 262
#barraFinal {
    position: relative;
    margin: 0 110px;
    z-index: 2;
    clear: both;
}

Answer 2

那是因为position:absolute上的div[.linksBoxFinal]>ul

这就是你的style.css第241行的#linksBoxFinal ul

。

试试这个：

<ul style="position:relative;">

（同样，删除不那么需要的保证金底部）

Answer 3

关于将李放入锚中的问题，我相信答案是否定的。锚点不能容纳块级元素。

Div没有增长内容

3 个答案: