小编kap*_*utu的帖子

我有一个包含4个div盒的菜单.我希望活动框具有红色边框,如果单击另一个框,则边框为白色,另一个框的边框为红色.我需要JavaScript还是CSS？

jsfiddel div

HTML

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

CSS

.box{
margin: 10px;
float: left;
width: 100px;
height: 50px;
background-color: blue;
border: solid 1px red;
}

我想要包含聊天内容的 div，类似于 facebook。如果文本内容变长，就会出现y轴滚动，但是：

1. 焦点应位于最新的聊天条目上
2. 一个很长的单词应该换行

js 菲德尔代码

CSS

.chat{
width: 230px;
    height: 310px;

margin-left: 10px;
background-color: grey;
    border: solid 1px black;

overflow-y:scroll;
}

我在一个div中进行了一次聊天对话,但很长的话都说不出来了.我被建议使用i-frame,但是怎么样？我认为这是针对外部网站的.

jsFiddle代码

CSS

.chat{
   width: 230px;
   height: 310px;
   margin-left: 10px;
   background-color: grey;
   border: solid 1px black;
   color: #1855a3;
   overflow-y: scroll;
}