0

確かにここで単純なものが欠けています! 私は他のトピックから修正を試みましたが、私が試みたすべてが問題を悪化させているようです. あなたが提供できるどんな助けも素晴らしいでしょう！

基本: ヘッダーが固定された Web ページを作成しようとしています。その下に固定メニュー。次に、コンテンツ/テキスト/写真の領域。右側には、ボタンや行動を促すフレーズを配置できるサイドバーがあります。

私はそこに90％いますが、テキストを折り返すことができません。私はさまざまなことを試しました。テキストがサイドバーの上または下に表示されます。多分私はこれについて完全に間違った方法で考えています。

*私の自己説明が少し間違っていることを編集してください。サイドバーをテキストの折り返しにするものにしたいと思います。

使用しているコード...

.cent {
  width: 984px ;
  margin-left: auto ;
  margin-right: auto ;
}


.main {
 clear: both; 
    display: block; 
    width: 964px; 
    padding: 0px;
    margin:189px 0px 0px 10px;
    font-family:Arial, Helvetica, sans-serif;
    background:#FF0;
}

.ctar{
    float:right;  
    display:inline;
    padding: 0px;
    margin:0px -10px 0px 10px;
    background: #F0F ;
    width: 200px;
    right:0px;
    bottom:0px;
    top:0px;

}

他のコードが影響を与えている場合に備えて、ここに JSFiddle を作成しました

前もって感謝します！

4

2 に答える 2

1

サイドバー以外のコンテンツにも幅を持たせたいと思うかもしれません。私があなたのために作ったこのjsfiddleをチェックしてください：http://jsfiddle.net/mY584/3/

追加された CSS:

#bodycontent{
float:left;
padding: 0px;
margin:0px -10px 0px 0px;
background: #F0F;
width: 740px;
right:0px;
bottom:0px;
top:0px;
word-wrap:break-word;}
于 2013-10-11T12:38:35.187 に答える