让一个孩子溢出 - 溢出可见：隐藏（或其他）

Question

我想要一些看起来像http://jsfiddle.net/mazlix/VBzau/3/

的东西

但我不想两次写边框半径（在CSS的div.left中）。我的意思是，我可以，但我觉得这样做很浪费，而且这是我错误构建的一个标志。

如果这似乎是正确实现我想要的唯一方法，请告诉我。

谢谢！

Answer 1

我大约98％肯定你无法解决这个问题。

Answer 2

border-radius:15px 0 0 15px;

见这里： http://www.css3.info/preview/rounded-border/

Answer 3

1

所以..我不知道它是否是一个选项，但您可以在外部容器中使用背景图像。该背景将是所需的宽度和1px高度并且并排保持2种所需颜色。它会垂直重复。

---

2

然而，这是一个css3选项：您可以使用水平渐变。基本上与上面的选项相同，只是可能有点灵活，因为它不使用图像，但如上所述css3渐变。 http://jsfiddle.net/VBzau/13/

使用http://www.colorzilla.com/gradient-editor/

制作渐变色

---

3

然后是旧的掩盖。基本上使用边框半径为负的图像或与放置框的背景颜色相同的图像。

与使用滑动内容http://www.apple.com/imac/

在主要内容区域中作为后备使用的内容非常相似

---

4

我想到你是如何提到结构的。所以我推荐的是什么。 http://jsfiddle.net/VBzau/14/

基本上我已经在主容器周围放了另一个容器。重新应用溢出：隐藏;从左框中取出半径。我也将图像移到了新的外部容器中。

---