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

Question

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

如何覆盖这些 p 标签的宽度？内容超出了我的窗口范围，这是 Not Acceptable 。我无法编辑 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; 据我所知您的图像具有绝对位置。他们将根据级联中具有相对、绝对或固定位置的第一个容器定位/测量自己。不过，如果没有工作示例，这会有点困难。