Html 减小大小时，内容超过div

我创建了一个div，并在其中创建了一些标注

我在这里上传了我的代码

.name{
颜色：黑色；
字体大小：粗体；
左边距：20px；
字体大小：20px；
}
.详情{
颜色：黑色；
左边距：20px；
字体大小：15px；
}
氢{
边缘顶部：100px；
左边距：100px；
边缘底部：-100px；
}
.vl{
左边框：6px实心#3B4F48；
高度：120px；
页边距底部：无；
利润上限：-15px；
左边距：120像素；
}
.圆圈{
边框：4倍纯黑；
边界半径：100%；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=60）”；
过滤器：α（不透明度=60）；
不透明度：0.6；
-webkit盒阴影：0 1px 0px rgb（255、255、255）；
框阴影：0 1px 0px rgb（255、255、255）；
宽度：17px；
高度：17px；
z指数：86；
左边距：114.2px；
边缘底部：0px；
背景色：#84a499；
}
.hr{
左边距：130像素；
边缘顶部：-13px；
宽度：249px；
边框顶部：8.2px实心#3B4F48；
}
身体{
字体系列：Helvetica；
字体大小：13px；
}
分区标注{
高度：60px；
宽度：200px；
浮动：左；
}
分区标注{
背景色：#84a499；
背景图像：-moz线性梯度（顶部，#444，#444）；
位置：相对位置；
颜色：#ccc；
利润率：25px；
最小高度：100px；
边框：1px实心#333；
文本阴影：0 0 1px#000；
宽度：700px；
边缘顶部：-58px；
左边距：397px；
边界半径：15px；
/*框阴影：0 1px 0 rgba（255，255，255，0.2）插入*/
}
.callout：：之前{
内容：“；
宽度：0px；
高度：0px；
边框：0.8em实心透明；
位置：绝对位置；
}
.callout.right:：之前{
左：-20px；
最高：40%；
左边距：-5px；
右边框：15px实心#84a499；
}
氢{
宽度：80%；
浮动：中心；
文本对齐：居中；
边框底部：6px实心#3B4F48；
线高：0.1米；
利润率：10px 0 20px；
}
氢跨度{
背景：#292c2f；
填充：0 40px；
垫底：20px；
边框底部：6px实心#3B4F48；
}
段落{
颜色：白色；
边缘顶部：180像素；
边缘底部：-200px；
左边距：120像素；
字号：17px；
}

工作
我的职业经历了一个自然的过程，从客户端网站，到UI模板，到简单的php网站，再到Laravel框架
威兹康国际

这就是爱和爱

您已将

标注的宽度（以像素为单位）应用为
700px
，而将
40%
宽度应用于div。我尝试过。您看了一下


.name{
颜色：黑色；
字体大小：粗体；
左边距：20px；
字体大小：20px；
}
.详情{
颜色：黑色；
左边距：20px；
字体大小：15px；
}
氢{
上页边距：100px；左页边距：100px；下页边距：-100px；
}
.vl{
左边框：6px实心#3B4F48；
高度：120px；
页边距底部：无；
利润上限：-15px；
左边距：120像素；
}
.圆圈{
边框：4倍纯黑；
边界半径：100%；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=60）”；
过滤器：α（不透明度=60）；
不透明度：0.6；
-webkit盒阴影：0 1px 0px rgb（255、255、255）；
框阴影：0 1px 0px rgb（255、255、255）；
宽度：17px；
高度：17px；
z指数：86；
左边距：114.2px；
边缘底部：0px；
背景色：#84a499；
}
.hr{
左边距：130像素；
边缘顶部：-13px；
宽度：249px；
边框顶部：8.2px实心#3B4F48；
}
身体{
字体系列：Helvetica；
字体大小：13px；
}
分区标注{
高度：60px；
宽度：200px；
浮动：左；
}
分区标注{
背景色：#84a499；
背景图像：-moz线性梯度（顶部，#444，#444）；
位置：相对位置；
颜色：#ccc；
利润率：25px；
最小高度：100px；
边框：1px实心#333；
文本阴影：0 0 1px#000；
宽度：40%；
边缘顶部：-58px；
左边距：397px；
边界半径：15px；
/*框阴影：0 1px 0 rgba（255，255，255，0.2）插入*/
}
.callout：：之前{
内容：“；
宽度：0px；
高度：0px；
边框：0.8em实心透明；
位置：绝对位置；
}
.callout.right:：之前{
左：-20px；
最高：40%；
左边距：-5px；
右边框：15px实心#84a499；
}
氢{
宽度：80%；
浮动：中心；
文本对齐：居中；
边框底部：6px实心#3B4F48；
线高：0.1米；
利润率：10px 0 20px；
}
氢跨度{
背景：#292c2f；
填充：0 40px；
垫底：20px；
边框底部：6px实心#3B4F48；
}
段落{
颜色：白色；
边缘顶部：180像素；
边缘底部：-200px；
左边距：120像素；
字号：17px；
}

工作
我的职业经历了一个自然的过程，从客户端网站，到UI模板，到简单的php网站，再到Laravel框架
威兹康国际

这就是爱和爱


这就是爱和爱


这就是爱和爱


这就是爱和爱