div设置宽度后，为什么里面的元素会超出div的边界
来源：13-7 相对于自己的位置-层模型之相对定位
忧伤在蔓延
2016-09-25 12:37
<style type="text/css">
#div1{
width:200px;
height:200px;
border:2px red solid;
position:relative;
top:50px;
left:100px;
}
</style>
</head>
<body>
<div id="div1"><p>wocaoniaksdljaskjldhauisfakjsfgashfgakjsdajkshdjahsdklhalkjsd</p></div>
</body>
</html>
写回答
关注
3回答
-
- 慕粉18855183415
- 2017-05-07 23:35:56
赞同魏神的观点，解决办法：
over-break: auto; /*若有超出即自动生成滚动条*/
word-break: break-all;/*超出部分自动换行（包含纯数字和纯字母）*/
-
- 魏神麽啦么率
- 2016-09-25 13:14:10
宽度设置后会自动换行，但以下两种情况设置css也不行
1、过长的不带空格的英文
2、过长的不带空格的数字
原因：可能是浏览器换行是根据单词来决定的，如果一长串英文不带空格，浏览器就认为是一个单词，无法分开，也就不换行了 -
- 已非年少
- 2016-09-25 12:53:39
position：relative说明div块元素位置是相对的，并且之前的位置还存在，相当于ps里面的2个层级。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题