html - 如何增长侧边栏调整中心

标签 html css

<html>
<head>
    <title>
        Learning CSS
    </title>
    <style type="text/css">
        #header
        {
            padding:1px;
            margin:1px;
            border:1px solid #808080;
            text-align:center;
            height:100px;
            background-color:#804040;

        }
        .clear 
        {
            float:none;
            clear:both;
        }

        #wrapper
        {
            width:700px;
            margin:0 auto;
            border:1px solid #808080;
            padding:2px;
            clear:both;
            overflow:hidden;
        }
        #body_left
        {
            display:block;
            height:100%;
            position:relative;
            width:130px;
            float:left;
            border:1px solid #808080;
            margin-right:2px;
        }
        #body_center
        {
            position:relative;
            width:430px;
            float:left;
            border:1px solid #808080;
            background-color:#ffa980;
        }
        #body_right
        {
            position:relative;
            width:130px;
            float:left;
            border:1px solid #808080;
            margin-left:2px;
        }
        #footer
        {
            padding:1px;
            margin:1px;
            border:1px solid #808080;
            text-align:center;
        }           
    </style>

</head>

<body>
    <div id="wrapper">
        <div id="header">&nbsp;</div>
            <div id="body_left">&nbsp;</div>
            <div id="body_center">Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />
        Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br />Center<br /></div>
            <div id="body_right">&nbsp;</div>
            <div class="clear"></div>
            <div id="footer">&nbsp;</div>
    </div>
</body>

当我在 body_left 中使用高度 100% 时,它仍然不是正确的答案。请帮助我

最佳答案

我想这就是您要找的:)

http://jsfiddle.net/JeaffreyGilbert/RtZFJ/

关于html - 如何增长侧边栏调整中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4331903/

相关文章:

html - Flexbox 子项中的 CSS 可滚动内容

html - 如何制作响应式条纹

javascript - 使用 Jquery 将带有 Class 的 Span 添加到输入标记

javascript - 如何使用javascript检查HTML样式属性是否存在

html - <a href =""> 登录标签不知何故消失了

html - 将 hr 在带有文本的 div 后面垂直对齐

css - 线性渐变到最新 safari 中的透明错误?

jquery - 溢出 : hidden in FF

html - 如何将铁图标一个放在另一个下面

javascript - TableRow Material-UI 之间的间距