CSS - 通过父高度/宽度限制元素位置以防止溢出

Question

有没有办法阻止绝对定位元素溢出其父容器，如果它溢出父卷，则限制其位置？

在我的情况下：我有一个圆形图，里面有气泡，我使用border-radius来创建圆圈，并使用position:absolute + top和left来定位基于计算结果的元素。

我想阻止这种情况发生：

在这种情况下，或者在像top: 0; left: 0;这样的极端情况下，气泡会溢出父圆圈，我希望它包含在圆圈限制范围内。

有可能吗？或者我必须使用JavaScript？如果我必须使用javascript：是否可以获得使用border: radius: 100%舍入的元素的限制？

Answer 1

不是一个完美的解决方案，但是<div class="container clearfix"> <label>News title</label><br> <input type="text" name="news-title" value="" id="news-title"> <p id="error-title" style='color: red;'></p> <label>News text</label><br> <textarea name="news-text" rows="8" cols="80" id="news-text"></textarea> <p id="error-text" style='color: red;'></p> <label>News link</label><br> <input type="text" name="news-link" value="" id="news-link"> <p id="error-link" style='color: red;'></p> <label>Author</label><br> <input type="text" name="news-author" value="" id="news-author"> <p id="error-author" style='color: red;'></p> <label>Author Email</label><br> <input type="text" name="email" value="" id="email"> <p id="error-email" style='color: red;'></p> <button id="enter" onclick="validate()">Display</button> <div id="content"></div> </div>已经为此提供了一些内置功能。我使用JavaScript让光点跟随光标：

＆＃13;

＆＃13;

print([n.name for n in tf.get_default_graph().as_graph_def().node])

＆＃13;

overflow: hidden

＆＃13;

$('.circle').on('mousemove', function(e) {
  $('.dot').css({
    'top': e.clientY,
    'left': e.clientX
  });
});

＆＃13;

＆＃13;

＆＃13;