将帖子内容分为两列，一列是固定的

Question

我试图让我的帖子自动分成两列，一列固定，一列滚动。示例 -

与this website类似。

到目前为止，我已经设法将帖子分成两部分，尽管它的表现并不像我想要的那样。我做了 -

HTML

<td class="entry-content-left">
<div class="entry-image">
<td class="entry-content-right">
<?php the_content(); ?>

CSS

.entry-content-left { 
font-size: 18px;
line-height: 26px;
width: 531px; 
float: left; 
color: #444444;
} 
 .entry-content-right { 
font-size: 18px;
line-height: 26px;
width: 531px; 
float: right; 
color: #444444; 
}
.entry-image {
float: left; width: 75%; position: fixed;

这是my website。

Answer 1

您可以使用position:fixed;（more info）执行此操作。我使用div进行了这种快速布局（你不应该使用这种内容的表格），这应该是所需的布局：

<强> FIDDLE

HTML：

<header></header>
<div class="entry-content-left">
    <div class="entry-image"></div>
    <div class="entry-content-right"></div>
</div>

CSS：

header{
    position:fixed;
    width:100%;
    top:0;left:0;
    height:100px;
    background:gold;
}
.entry-image{
    position:fixed;
    top:100px;left:5%;
    width:40%;
}
.entry-image img{
    width:100%;
    height:auto;
}
.entry-content-right{
    width:45%;
    margin-left:50%;
    margin-top:120px;
}