English 中文(简体)
DIV ——IE7新行
原标题:DIV inside DIV - new line in IE7

非常简单的超文本:

<div id="wrapper" style="background-color:green;">WRAP
<div style="float:right;">float2</div>
</div>

成果:

  • in Chrome, IE8, IE9: the words "WRAP" and "float2" position on the same line; both words and the whole line have green BG
  • in IE7 only: word "WRAP" position on 1st line and has green BG; word "float2" position on 2nd line and has white BG

因此,我想的是:IE7行为=IE8/9/Chrome行为。

最佳回答

您刚刚需要改变贵要素的顺序,以便在显示案文之前,使独立实体能够浮出内层:

<div id="wrapper" style="background-color:green;">
  <div style="float:right;">float2</div>
  WRAP
</div>
问题回答

尝试:

<div id="wrapper" style="background-color:green;">WRAP<div class="floater" style="float:right;">float2</div></div>

(移动空间和断线可能有助于......)





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签