css,div内容宽度

micstone

1.6k1989106

发布于
2017-06-16

为什么div设置了宽度，内容还是超出宽度了，我想让内容折行显示，怎么设置？

css

阅读 3.5k

4 个回答

micstone

✓ 已被采纳

增加了white-space : normal，整个区块向上偏移了。

position: absolute;
white-space: normal;
top: 45px;
border-radius: 5px;
background-color: #ecfafe;
padding: 10px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .15);
z-index: 1;

定位属性要改变下，使用top而不是bottom

July_EF

23613861

发布于
2017-06-16

更新于
2017-06-16

white-space : normal

你用了定位的话
加上 overflow: hidden 试一下

超出红色背景区域的后面那个框是怎么回事?单看css应该是没有问题的，我还去试了一下，能正常显示的。

<style type="text/css">
.popover{
    position: absolute;
    bottom: -28px;
    border-radius: 5px;
    background-color: red;
    padding: 10px;
    width: 500px;

}
</style>
<body>
    <div class="popover">sfa sd  ffff fffff ffff ff f f ffffa dfsf sd fdsf asdf ds dfsf fshfkjasdhk hk hksdhf ksah khfkas hkfh kshfk shfk hsk hkshf khksdhfk hksdhf kahfkjdhfkjfhwuefywoefhjksnc,h dhskjfhakfh ksfhkasdhf hkhkdhf kfh khsdkfahkf  ksdhfk</div>
</body>

图片描述