Question

我正在制作WYSIWYG网页编辑器：http://brokenmyriad.com/editor2.php，但是在尝试添加图片功能时遇到了问题。

注意：图像在一个可信的元素中不，但只是一个普通的浮动图像。

可以通过单击段落或标题并单击toolar（最右侧按钮）上的插入图像按钮来重新创建问题。（在上面的链接页面上）。

在基于标准的浏览器中，它按预期工作，标题和段落都在图像的右侧，但在ie6中，段落位于浮动图像下，如下图所示：http://tinypic.com/view.php?pic=2mfcfo8&s=3

我的简化代码结构如下：

<div>
  <img style='float:left'>
  <h1>Click here to edit!</h1> 
</div>
<div>
  <p>Click here to edit!</p> 
</div>

我想要的是<p>元素与浮动图像并排在<h1>元素下，就像基于标准的浏览器一样。

非常感谢任何帮助！

Answer 1

为什么段落在单独的div中？不会有以下工作：

<div>
    <img style='float:left'>
    <h1>Click here to edit!</h1> 
    <p>Click here to edit!</p> 
</div>

如果你必须有div，那么第二个需要嵌套

<div style="float: left;">
    <img style='float:left'>
    <h1>Click here to edit!</h1> 
    <div style="float: left;">
        <p>Click here to edit!</p> 
    </div>
</div>

Answer 2

你的第二个div应该向左浮动：

<div>
   <img style='float:left'>
   <h1>Click here to edit!</h1> 
</div>

<div style="float:left;">
    <p>Click here to edit!</p> 
</div>

Answer 3

原来，

元素上有width:100%，导致错误。

防止浮动图像清除ie6 </p>中的<p>

3 个答案: