Question

我已向右侧放置了一个div并将文本放入其中。每当窗口变小时，文本就会完全消失。我是用错误的技术定位文本还是只有我缺少的东西？

这是我尝试使用的文字的CSS：

.top_panel_text{
  position: relative;
  float: right;
  min-width: 10px;
  width: 40%;
  height: 200px;
  margin-right: 15%;
  margin-top: 50px;
}

以下是代码的其余部分（您可能需要展开窗口才能看到文本）：

http://jsfiddle.net/af5G6/

感谢。

Answer 1

至少在你的小提琴中，文字并没有消失，它只是向下移动。如果您将CS中p的颜色更改为蓝色，则可以看到它的去向。我的猜测是，它是包含div [{1}}上的float: right;和类panel_2和face_picture上的百分比边距的组合。

Answer 2

刚刚更新了小提琴检查..

<强> Demo

.top_panel_text{
  position: relative;
  float: right;
    color:black;
  min-width: 10px;

  width: 40%;
  height: 200px;

  margin-top: 10px;
}
p{
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  color: black;
  font-size: 20px;
}

从你的问题中关注一件事：

如果你想在div中包含文本而不隐藏，你只需将**overflow:scroll**设置为div ..

当窗口太小时，文本会消失

2 个答案: