English 中文(简体)
The modern way to clear floated content?
原标题:

What s the modern way to clear floated content these days?

There s the "recent" modern way of adding a ".clearfix" on the parent element to clear the contained floats and that would work great. In fact, this is my favorite method and still use this on any site I touch. It makes every browser render correctly.

However, I know it s sort of a hack, and I googled recently to find that a lot of front-end developers feel the same way and want a more true solution. The results I ve found have not been to great. There are some solutions but they only work on IE7+ and sometimes on Opera things are a bit buggy.

Anyway, I m just wondering what s the best way to clear floats these days?

问题回答

Just add overflow:auto to the containing div. (explanation)

a) Here is a roundup of the clearing methods along with pros and cons: Methods for Containing Floats

b) This article titled "How To Clear Floats Without Structural Markup" contains a heading: 21st Century Style





相关问题
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!

热门标签