Question

当然我在这里简单地想念一些东西！我尝试过其他主题的修复，但我尝试的一切似乎都让问题变得更糟。你能提供的任何帮助都会很精彩！

基础知识：我试图创建一个具有固定标题的网页。在那个固定的菜单下。然后区域的内容/文本/图片。并在右侧有一个侧栏，我可以在那里放置按钮/号召性用语。

我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;

}

i have created a JSFiddle here incase some other code was affecting it

提前致谢！

Answer 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;}

Answer 2

仅在选择器add

中使用word-wrap:break-word; p

<强> demo

<强> CSS

p{
    word-wrap:break-word;
}

CSS无法让我的文字换行

2 个答案: