Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在浮点的一侧收缩类似div的文本？_Css_Html_Border_Overlap - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如何在浮点的一侧收缩类似div的文本？

Css 如何在浮点的一侧收缩类似div的文本？

css html

Css 如何在浮点的一侧收缩类似div的文本？,css,html,border,overlap,Css,Html,Border,Overlap,我的文本右侧有一个浮动的图像，但我也希望文本中有一个“notice”div。问题是notice div被拉伸到float后面。文本仍然有适当的边距。据我所知，这是预期的行为，但我希望有一个解决办法 我希望黄色的盒子缩小，这样它就不会在图片后面了 通知框有：填充：5px； 利润底部：3倍； 背景色：#FFFFE8； 边框：1个点#550； 边界半径：5px 图片div有：float:right； 位置：相对位置； 边框：1px实心#528a56； 边界半径：5px； 填充物：5px； 背景：#F

我的文本右侧有一个浮动的图像，但我也希望文本中有一个“notice”div。问题是notice div被拉伸到float后面。文本仍然有适当的边距。据我所知，这是预期的行为，但我希望有一个解决办法

我希望黄色的盒子缩小，这样它就不会在图片后面了

通知框有：
填充：5px；
利润底部：3倍；
背景色：#FFFFE8；
边框：1个点#550；
边界半径：5px

图片div有：
float:right；
位置：相对位置；
边框：1px实心#528a56；
边界半径：5px；
填充物：5px；
背景：#FFF；
保证金：5px
尝试：


overflow:hidden



在通知框上。
添加浮动：右侧；到通知div或float：左；两者都玩一玩。