Css 生长箱不起作用
我喜欢左边的框随着右边的内容扩展整个包装器而增长。。。我是说垂直缩放。。。。不是水平的Css 生长箱不起作用,css,Css,我喜欢左边的框随着右边的内容扩展整个包装器而增长。。。我是说垂直缩放。。。。不是水平的 我相信这只是css在某个地方是否得体的问题。。。您能帮忙吗？您可能正在寻找一种“流体柱布局”（Google that），您可以通过如下方式排列标记来实现这一点： <ul style="float:left; width:35%;"> <li><a href="">Link 1</a></li> <li><a href=""
我相信这只是css在某个地方是否得体的问题。。。您能帮忙吗？您可能正在寻找一种“流体柱布局”（Google that），您可以通过如下方式排列标记来实现这一点：
<ul style="float:left; width:35%;">
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>
<div style="float:left; width:65%;">
<p>Lots of content goes here</p>
</div>
这里有很多内容
好的，那么你想让左列的背景色一直延伸到底部，从而产生“等高列”的视觉效果？如果是这样的话，应该涵盖你需要知道和尝试的所有内容。尽量避免浮动，浮动用于图像和文本。人们经常在绝对定位更合适的地方使用浮动 基本上，您要做的是在右窗格中添加一个与左窗格一样宽的边距。然后将左窗格绝对定位在右窗格顶部，并将高度设置为100%，使其与容器一样高。容器将具有与内容物相同的高度 这是给你的一个样本：
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body { width: 800px; margin: 0px auto; position: relative; }
#nav {
width: 200px; height: 100%;
position: absolute; left: 0px; top 0px;
background: #F00;
}
#content {
margin: 0px 0px 0px 200px;
heigth: 1000px;
background: #0F0;
}
</style>
</head>
<body>
<div id="nav">
</div>
<div id="content">
</div>
</body>
</html>
正文{宽度：800px；边距：0px自动；位置：相对；}
#导航{
宽度：200px；高度：100%；
位置：绝对；左侧：0px；顶部0px；
背景：#F00；
}
#内容{
保证金：0px 0px 0px 200px；
高度：1000px；
背景：#0F0；
}