image.png
一、div溢出处理，overflow属性设置
image.png
1-1 目录和代码
image.png
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<div id="div1">
散文，汉语词汇，拼音是sǎn wén。一指文采焕发；二指犹行文； [1] 三指文体名。随着时代的发展，散文的概念由广义向狭义转变，并受到西方文化的影响。
散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。“散文”一词大概出现在北宋太平兴国（976年12月-984年11月）时期。
《辞海》认为：中国六朝以来，为区别韵文与骈文，把凡不押韵、不重排偶的散体文章（包括经传史书），统称“散文”。后又泛指诗歌以外的所有文学体裁。
</div>
</body>
</html>
index.css
#div1{
background-color: yellow;
width: 150px;
height: 150px;
top:150px;
left: 150px;
position: absolute;
overflow: scroll;
}
image.png
二、css轮廊，outline
image.png
index.css
#div1{
background-color: yellow;
width: 150px;
height: 150px;
top:150px;
left: 150px;
position: absolute;
overflow: scroll;
outline: dashed;
}
image.png
三、css边框
image.png
index.css
#div1{
background-color: yellow;
width: 150px;
height: 150px;
top:150px;
left: 150px;
position: absolute;
/*overflow: scroll;
outline: dashed;*/
border-bottom: solid;
}
image.png
网友评论