<<PREV | TOP | NEXT>>

'float' $B%W%m%Q%F%#$H(B 'clear' $B%W%m%Q%F%#(B

last modified 10th/Oct. 2000

  1. $B2hA|MWAG(B
  2. IMG $BMWAG$N4pK\(B
    1. $BBeBX%F%-%9%H$N;XDj(B - alt $BB0@-$H(B title $BB0@-$NMxMQ(B
    2. $B2hA|$r$h$j7Z2w$K(B - $B%U%)!<%^%C%H$J$I(B
  3. $B2hA|$N?bD>J}8~$NI=<(0LCV(B
  4. $BIbF02=$H8eB3%F%-%9%H$N<~$j$3$_(B
    • CSS $B$N(B 'float', 'clear'
  5. $B<~0O$K6uGr$rA^F~(B
  6. $B<~0O$K%\!<%@!<$rI=<((B

$BMWAG$NIbF02=$O(B CSS $B$K$h$C$F$h$j=@Fp$K;XDj$G$-$^$9!#(B

STYLE $BMWAG$G$N@k8@!((B

<head>
<title>vertical-align $B$NNc(B</title>
<meta http-equiv="content-style-type" content="text/css">
<style type="text/css">
<!--
img { float: left }
p { clear: left }
-->
</style>
</head>

$B$3$NNc$G$O!"Ev3:J8=qCf$K8=$l$kA4$F$N(B IMG $BMWAG$,:8C<$K%U%m!<%H$9$k$h$&$K;XDj$5$l$F$$$^$9!#(B

$B3n$D!"Ev3:J8=qCf$K8=$l$kA4$F$N(B P $BMWAG$,:8B&$N%U%m!<%HMWAG$KBP$7$F!"N.$l9~$`$3$H$r6X;_$5$l$F$$$^$9!#(B

$B$3$3$OCJMnMWAG$NFbMFIt$G$9!#(B Leonardo da Vinci (1452-1519); The Mona Lisa (1479 - d. before 1550) $B$3$NJ8=qCf$KA^F~$5$l$?2hA|$OA4$F:8C<$K%U%m!<%H$7$^$9!#=>$C$F!"IaDL$K=q$$$F$$$k$@$1$G!"8eB3$NMWAG$d%F%-%9%H$O2hA|$N1&B&$K<~$j9~$b$&$H$7$^$9!#$3$NCJMnMWAG$K$b%9%?%$%k@k8@(B clear:left $B$,E,MQ$5$l$F$$$k$3$H$KCm0U$7$F$/$@$5$$!#(B

$B$7$+$7!"CJMnMWAG$O:8C<$N%U%m!<%HMWAG$KBP$7$F!"<~$j$3$_$,6X$8$i$l$F$$$k$N$G!"CJMn$,2~$^$k$H!"%U%m!<%HMWAG$N2

clear $B%W%m%Q%F%#$O!"@h9T$9$kIbF0MWAG$KBP$9$k$b$N$G$"$j!";RB9MWAG$KIbF0MWAG$r;}$C$F$$$F$b!"2?$b1F6A$7$^$;$s!#(B

CSS $B$N(B 'float' $B%W%m%Q%F%#$H(B 'clear' $B%W%m%Q%F%#$N35MW$G$9!((B

floatleft | right | none | inherit

'position' $B%W%m%Q%F%#$G(B absolute | fixed $B$,;XDj$5$l$F$$$J$$MWAG$K8B$j!"$"$i$f$kMWAG$K;XDj$G$-$^$9!#(B

$BNc$($P!"(B position: absolute $B$,;XDj$5$l$F$$$k$H!"(B float $B%W%m%Q%F%#$OL5;k$5$l$^$9!#(B

$BIbF02=$5$l$?%\%C%/%9$N;MJ}$N(B$B%^!<%8%s(B$B$O!"NY@\$9$kG!2?$J$k%\%C%/%9$H$bAj;&$;$:!"NY@\$9$k%^!<%8%s$NCM$OC1=c$K2C;;$5$l$^$9!#(B

clearnone | left | right | both | inherit

clear $B%W%m%Q%F%#$O!"%\%C%/%9$N1&B&$+:8B&!J0?$ON>J}!K$,!"@h9T$9$kIbF02=$5$l$?MWAG$KBP$7$FNY@\$7$F$O$J$i$J$$$+$I$&$+$r;XDj$7$^$9!#@h9T$9$kMWAG$KBP$7$F$@$1M-8z$G!";RMWAG$KIbF02=$5$l$?MWAG$,$"$C$F$b!"$3$NMWAG$KBP$7$F$O2?$b1F6A$7$^$;$s!#(B

$B$3$3$G$O(B CSS $B%W%m%Q%F%#$,CM$K\$7$/$O!"!V(BCSS $BF~Lg(B$B!W$r;2>H$/$@$5$$!#(B

$B0?$k0l$D$NMWAG$@$1$K%9%?%$%k$rE,MQ$7$?$$>l9g$O!"(B id $BB0@-(B$B$rMxMQ$9$k$+!"(B style $BB0@-$K$h$k(B$B%$%s%i%$%s%9%?%$%k(B$B$rMxMQ$7$^$9!#(B

$B%$%s%i%$%s%9%?%$%k$NNc(B

<p style="clear:left">
$B$3$NMWAG$O:8B&$N%U%m!<%HMWAG$ND>2<$N$+$i?7$?$K9T$r;O$a$^$9!#(B
</p>

$B0?$k0l$D$NMWAG$@$1$rIbF02=$7$?$$>l9g$b!"F1MM$K(B id $BB0@-$+%$%s%i%$%s%9%?%$%k$rMxMQ$7$^$9!#:#EY$O(B id $BB0@-$rMxMQ$7$^$9!((B

HEAD $BMWAG$NCf(B

<title>vertical-align $B$NNc(B</title>
<meta http-equiv="content-style-type" content="text/css">
<style type="text/css">
<!--
p#hogehoge { float: left; width: 40% }
-->
</style>

BODY $BMWAG$NCf(B

<p id="hogehoge">
$B$3$NMWAG$O:8C<$K%U%m!<%H$7$^$9!#(B
</p>

<<PREV | TOP | NEXT>>

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送