2 つのフローティング div の高さを揃えるのに問題があります。私が達成しようとしているのは、コンテンツの長さが変化するため、2 つの div に同じ高さを並べて表示することです。現在、私のブラウザは Jquery コードを無視しているようです。
ここに私が持っているものがあります:
<style>
#column_first {
width: 300px
float: left;
margin: 15px;
padding: 25px;
background-color:#fff;
}
#column_second {
width:300px;
float: left;
margin: 15px;
padding: 25px;
background-color:#fff;
height: auto;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
var maxHeight = 0;
$("#column_first").each(function(){
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$("#column_second").height(maxHeight);
</script>
</head>
<body>
<div id="column_first"><p>Some Text</p></div>
<div id="column_second"><p>Some Text</p></div>