1.HTML超出文本顯示省略號…[text-overflow]
需要對div或者span同時應用Css：
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;引用自：http://blog.csdn.net/jcx5083761/article/details/8538071
多行溢出的處理：
.overflowTwoLine{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}自動高度
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自動高度</title>
<style type="text/css">
.container{
background-color: silver;
width:100%;
position:relative;
overflow:hidden;
}
.dummy{
margin-top: 75%;
}
.content{
position:absolute;
left:0;
right:0;
top:0;
bottom: 0;
}
</style>
</head>
<body>
<div style="width:50%;">
<div class='container'>
<div class='dummy'></div>
<div class='content'>
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
contentcontentcontentcontentcontentcontentcontentcontent
</div>
</div>
</div>
</body>
</html>
只顯示右側滾動條：
.table-wrapper
{
overflow-x:hidden;
overflow-y: scroll;
}
<div class="table-wrapper">
</div>符號
“☑”;
“口”;
“√”;
#
兩個都是設置的左浮動，爲什麼DIV邊框不見了？
解決方法：
1、再父級標籤上也就是加了邊框的這個標籤設定overflow:hidden;
2、給父級標籤也加上float: left;
3、如果內容部分的標籤高度不會再變化的話，那麼算準內部標籤的高度後，再直接給父級設定高度就好了。