Html 当内容超过最小高度时，固定内容侧边栏的高度_Html_Css_Html Table

Html 当内容超过最小高度时，固定内容侧边栏的高度

html css

Html 当内容超过最小高度时，固定内容侧边栏的高度,html,css,html-table,Html,Css,Html Table,我已经试了几个小时来纠正这个错误，但似乎没有任何效果这是密码，有人能帮我吗 CSS: 和html <html style="margin:0 auto;padding:0"> <head> <title>khaldoun</title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

我已经试了几个小时来纠正这个错误，但似乎没有任何效果

这是密码，有人能帮我吗

CSS:

和html

<html style="margin:0 auto;padding:0">
    <head>
         <title>khaldoun</title>
         <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
         <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    </head>
    <body>
        <div id="innerBody" >
            <table>
                <tr>
                    <td style="float:left;">
                        <?php include ('sidebar.php');?><!--Let's say that this one has 3 lines of text-->
                    </td>
                    <td style="float:right">
                        <?php include ('videoPageContainer.php');?> <!--Let's say that this one has 100 lines of text-->
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>


卡杜恩
您可以使用此javascript代码根据其父级的高度设置td
的最小高度tr

此代码设置表行td:first child
min height to height of parent table rowtr

jQuery('table tr td:first-child').each(function(){
    jQuery(this).css({
        height: jQuery(this).closest('tr').css('height')
    })
});

首先，为什么要使用表，它们总是导致一些或其他问题，只要使用div或span，它们就更容易处理。但是如果您只想使用表，那么最好提供一个JSFIDLE#innerBody在CSS中找不到，CSS中的所有元素在HTML中也找不到。。。你确定这是正确的代码组合吗？我将向你展示侧边栏和容器。。我现在就编辑它等一下
<div id="sidebar" style="float:left">
    <br>
    <form class="searchform">
        <input class="searchfield" type="text" onfocus="this.placeholder = ''" onblur="this.placeholder = 'search for'" placeholder="search for">
        <button class="searchbutton" type="button"><i class='fa fa-search'></i></button>
    </form>
    <ul class="Social">
        <a href="http://youtube.com" target="_blank"><li><img src="wp-content/themes/khaldountheme/images/youtube.png"></li></a>
        <a href="http://twitter.com" target="_blank"><li><img src="wp-content/themes/khaldountheme/images/twitter.png"></li></a>
        <a href="http://facebook.com" target="_blank"><li><img src="wp-content/themes/khaldountheme/images/facebook.png"></li></a>
    </ul>
    <img src="wp-content/themes/khaldountheme/images/h-line.png" class="h-Line">
    <div class="mainTitle">last posts</div>

</div>

<div id="content">
    <div id=inside>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>ddddddd<br><br><br>
                     <br>ddddddddd<br><br><br>
                     <br>ddddddd<br><br><br>
                     <br>ddd<br><br><br>
                     <br>ddd<br><br><br>
                     <br>ddd<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
                     <br>s<br><br><br>
</div>
</div>

jQuery('table tr td:first-child').each(function(){
    jQuery(this).css({
        height: jQuery(this).closest('tr').css('height')
    })
});