iphone - 寻求 CSS 向导...在 iOS webView 中不守规矩的内联 CSS div/class/style

Question

这个问题正在重新措辞，因为有些问题只需要重新编写

如何覆盖这些 p 标签的宽度？内容超出了我的窗口范围，这是不可接受的。我无法编辑 html（由 SharePoint 生成），只能用 CSS 压倒它。：

<div class="ms-rteElement-photodivright" style="width:475px">
<p class="ms-rteStyle-photoCredit">this text spills over my desired width</p>
<p class="ms-rteStyle-photocaption">This text spills over my desired width</p>
</div>

这就是我所拥有的：

div#wrapper
 { 
margin:0 auto !important; 
width:%f !important; 
background:green;
 float:left !important; 
 position: relative !important;
}
body 
{
  background:darkgreen !important;
 }

.clear
 {
clear:both !important;
}
img 
{max-width:%f !important; 
height:auto;
} 
div [class] 
{
p: width:%f !important; 
float:clear !important;
}
 .override div.ms-rteElement-photodivright
 {
max-width:%f 
!important; 
margin:auto;
}

.override p.ms-rteStyle-photocaption 
{
max-width:%f !important; 
margin:auto;
}

结果如下：你看到不同深浅的绿色了吗？我希望溢出到深绿色阴影中的内容保留在绿色（我的包装器）中......溢出的内容是上面代码中的这些 P 类......

谢谢

Answer 1

我想知道您的包装器是否需要position: relative;我可以告诉您的图像具有绝对位置。它们将在具有相对、绝对或固定位置的级联中针对它们上方的第一个容器定位/测量自己。但是，如果没有工作示例，这有点困难。

Answer 2

你不知道吗，我回答了我自己的问题......

 .ms-rteElement-photodivright
 {
 max-width:%f 
 !important; 
 margin:auto;
 }

.ms-rteStyle-photocaption 
{
max-width:%f !important; 
margin:auto;
}