0

我遇到了大麻烦...我无法使 div 随内容一起增长...我有这个 HTML 可以在这里修复它...但我不能这样做...有人可以帮我解决这个问题... .??

我在这里上传了链接：http: //efdutra.com/help

我需要增长的 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;
   }

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

4

3 回答 3

2

玩弄了你的风格后，我发现很多事情都错了。首先，您不需要浮动所有剩余的东西。接下来，您需要将 lis 添加到 ul 中的锚标记周围。第三个需要去掉绝对定位#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;
}
于 2013-04-23T14:45:31.757 回答
1

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

那将#linksBoxFinal ul在您 style.css 的第 241 行

. .

试试这个：

<ul style="position:relative;">

（另外，删除不需要的边距底部）

于 2013-04-23T14:34:10.100 回答
0

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

于 2013-04-23T15:20:38.293 回答