gpt4 book ai didi

html - 如何使右侧栏的高度与主要内容的高度一致

转载 作者:行者123 更新时间:2023-11-28 12:34:05 24 4
gpt4 key购买 nike

我是 Twitter Bootstrap 框架和 CSS 的新手。

我希望右侧边栏的高度与主要内容的高度一致。我应该怎么做。

<!DOCTYPE HTML>
<html lang="en">
<head>
<link href="includes/Bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="includes/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="page-container">
<div class="container">
<div class="container-fluid">
<header class="margin-top">
<div class="row-fluid">
<img border=0 src="images/header.jpg" alt="">
</div>
</header>

<div class="row-fluid">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li><a href="index.php">Home</a></li>
<li><a href="contact-us.php">Contact&nbsp;</a></li>
<li><a href="about-us.php">About&nbsp;Us</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
<div class="hero-unit">
If I have a long content here.. The sidebar does not follow the height of the content.
</div>
</div><!--/span-->
</div><!--/row-->
</div><!--/.fluid-container-->
</div>
</div>
</body>
</html>

最佳答案

你的容器似乎没问题并且有自动高度那么问题是什么在这里你看到 fiddle
http://jsfiddle.net/cancerian73/ZpZCD/

.container {background-color:#fc0;}

关于html - 如何使右侧栏的高度与主要内容的高度一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18077435/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com