登录 | 注册 | FAQ
Anonymous

Anordnung mit float

+ 发表回复

2 篇帖子 分页: 1 / 1


Anordnung mit float

n1roxxer » 周日 5月 15, 2011 11:48 am

Ich habe eine Frage: Wie kann ich das floaten von Elementen unterbrechen? Wenn ich einen header mache floate ich dort die anderen Elemente und um das floaten dann zu stoppen habe ich im folgenden <p> ein clear:left eingebaut. Geht das einfacher/besser?:

代码: 全选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#h1 { float:left; }
#tabellen { float:left; }
p { background-color:#C60; }
-->
</style>
</head>

<body>
<div id= "header">
   <div id="h1">
    <h1>HTML</h1>
    </div>
   
<div id= "tabellen">
       <ul>
        <li>1</li>
        <li>2</li>
        </ul>
       
        <ul>
        <li>1</li>
        <li>2</li>
        </ul>
    </div>
</div>
<p style="clear:left">Das hier soll unter den "header"</p>
<p>und das ist einfach ein Text danach</p>
</body>
</html>
头像

n1roxxer

  • 帖子: 1
  • 注册: 周日 5月 15, 2011 11:00 am

Re: Anordnung mit float

HTML.net » 周一 5月 16, 2011 2:53 pm

Ja. Das ist richtig. Oder Sie können clear: both.

- Andreas, HTML.net
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ 发表回复

分页: 1 / 1