做项目时,会遇到一些零碎的技术点。记录下来以防忘记

需求:图中圈中的部门是滚动的。不修改父级样式

代码:

<div class="right-text-bottom">
<div class="right-text-p">有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,
26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生 密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生
密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,
26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生 密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生
密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,
26个民族和谐共处,相生有一个美丽的地方,各族人民在这里生长。密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生 密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生
密密的寨子紧紧相连,那弯弯的江水日夜流淌……”这里,26个民族和谐共处,相生
</div>
<!-- <div class="parent">
<div class="child">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
...
</div> -->
</div>
.right-text-bottom {
width: %;
height: %;
overflow: hidden;
/* border: 1px dashed red; */
}
.right-text-p {
padding: % %;
text-align: left;
line-height: .4em;
font-size: .3em;
color: #;
text-indent: 2em;
white-space: pre-wrap;
height: %;
width: calc(% + 1em);
overflow: auto;
}

有不同的观点或者实现方式。欢迎在评论区告诉我。

最新文章

  1. linux 系统下 android studio 获取SHA1
  2. 如何自己编写一个easyui插件续
  3. (ios)ARC常用设置,部分文件编译设置ARC
  4. 网络爬虫by pluskid
  5. Eclipse Memory Analysis进行堆转储文件分析
  6. [Irving]SqlServer 拆分函数用法
  7. Mathtype常用快捷键
  8. PowerDesigner自定义Word导出格式
  9. 关于php输入$_post[‘’]报错的原因
  10. 数字温湿度传感器DHT11--操作源代码
  11. 如何完成域名和ip地址的绑定
  12. 3-学习GPRS_Air202(需要知道的关于Lua的一些基本的知识)
  13. obj-c编程10:Foundation库中类的使用(3)[文件管理]
  14. python网络爬虫-中国大学排名定向爬虫
  15. java篇 之 java概念
  16. Django11-ModelForm
  17. centos 进程查看
  18. tp框架中的一些疑点知识-6
  19. 如何查看yum 安装的软件路径
  20. NSLineBreakMode 的区别

热门文章

  1. 一个简单的 WPF 程序,用于显示实时时间
  2. ElasticSearch简介(一)——基础
  3. C#进阶之路(八)集合的应用
  4. C# 分布式自增ID算法snowflake(雪花算法)
  5. python——Tkinter图形化界面及threading多线程
  6. maven 学习---将项目安装到Maven本地资源库
  7. Hive:数据倾斜
  8. SpringBoot 整合Mybatis操作数据库
  9. MVC的View本质和扩展
  10. F5部署SSL证书