{"id":372,"date":"2010-04-09T14:35:00","date_gmt":"2010-04-09T05:35:00","guid":{"rendered":"http:\/\/hajimesan.net\/blog\/?p=372"},"modified":"2010-04-09T14:40:26","modified_gmt":"2010-04-09T05:40:26","slug":"floatleft-%e3%81%a8-margin-left-%e3%81%ae%e7%86%b1%e3%81%84%e9%96%a2%e4%bf%82","status":"publish","type":"post","link":"https:\/\/hajimesan.net\/blog\/?p=372","title":{"rendered":"float:left \u3068 margin-left \u306e\u71b1\u3044\u95a2\u4fc2"},"content":{"rendered":"

\u3061\u3087\u3063\u3068\u6c17\u306b\u306a\u3063\u3066\u8abf\u3079\u305f\u306e\u3067\u3001\u30e1\u30e2\u3002<\/p>\n

\uff12\u3064\u306e<div>\u8981\u7d20\u3092\u3001float:left \u6307\u5b9a\u3067\u3001\u5de6\u53f3\u306b\u4e26\u3079\u305f\u3044\u3068\u3044\u3046\u3053\u3068\u304c\u826f\u304f\u3042\u308b\u306e\u3060\u304c\u3001\u3053\u308c\u304c\u30d6\u30e9\u30a6\u30b6\u306b\u3088\u3063\u3066\u5fae\u5999\u306b\u6319\u52d5\u304c\u9055\u3046\u306e\u3067\u3084\u3063\u304b\u3044\u3002<\/p>\n

\u554f\u984c\u306e\u30b1\u30fc\u30b9\u306f\u3001<\/p>\n

<div class=\u201dxxx\u201d>1<\/div>
<div class=\u201dyyy\u201d>2<\/div><\/p>\n

\u3067\u3001\u4e21\u65b9\u3068\u3082\u5e45\u6307\u5b9a\u306a\u3069\u304c\u3055\u308c\u3066\u3044\u308b\u524d\u63d0\u3067\u3001xxx \u306b float:left\u3092\u6307\u5b9a\u3057\u305f\u5834\u5408<\/p>\n

IE8\u3060\u3051\u3001xxx \u306e div \u306e\u53f3\u306b yyy \u306e div \u304c\u8868\u793a\u3055\u308c\u308b\u304c\u3001firefox\u3082safari\u3082 yyy\u306e\u5de6\u7aef\u304c\u3001xxx \u306e\u5de6\u7aef\u3068\u4e00\u81f4\u3059\u308b\u3002\uff08\u3064\u307e\u308a yyy \u304c xxx \u306b\u91cd\u306a\u3063\u3066\u3057\u307e\u3046\uff09<\/p>\n

\u3053\u308c\u306b\u5bfe\u51e6\u3059\u308b\u306e\u306b\u3001yyy \u306b xxx \u306e\u5e45\u5206\u306e margin-left \u3092\u6307\u5b9a\u3059\u308b\u4e8b\u3067\u5bfe\u51e6\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u4eba\u304c\u7d50\u69cb\u591a\u3044\u3088\u3046\u3060\u3002<\/p>\n

\u305d\u306e\u5bfe\u51e6\u65b9\u6cd5\u3067\u3001\u4e00\u898b\u3001IE8\u3092\u542b\u3081\u3066\u307b\u3068\u3093\u3069\u306e\u30d6\u30e9\u30a6\u30b6\u3067\u305d\u308c\u3063\u307d\u304f\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u3088\u3046\u306b\u3001\u300c\u898b\u3048\u308b\u300d\u304b\u3089\u3001\u8a71\u304c\u3084\u3084\u3053\u3057\u3044\u3002<\/p>\n

\u5b9f\u306f\u3053\u306e\u8a2d\u5b9a\u306f\u6b63\u3057\u304f\u7121\u3044\u3002\u3082\u3061\u308d\u3093\u3001margin-left\u306e\u6307\u5b9a\u3092\u3057\u306a\u3044\u5834\u5408\u306b\u3001IE8\u3060\u3051\u304c\u6b63\u3057\u304f\u8868\u793a\u3067\u304d\u3066\u3044\u308b\u3001\u3068\u3044\u3046\u308f\u3051\u3067\u306f\u6c7a\u3057\u3066\u7121\u3044\u3002 IE8\u306e\u30d0\u30b0\uff08m$\u4ed5\u69d8?\uff09\u304c\uff12\u3064\u306e\u73fe\u8c61\u3068\u3057\u3066\u51fa\u3066\u3044\u308b\u3060\u3051\u306a\u306e\u3060\u3002 margin-left \u3092\u6307\u5b9a\u3057\u306a\u3044\u5834\u5408\u306b\u3001\u91cd\u306a\u3063\u3066\u3057\u307e\u3046\u306e\u304c\u6b63\u89e3\u306a\u306e\u306b\u3001\u91cd\u306a\u3089\u306a\u3044\u3068\u3044\u3046\u30d0\u30b0\u3002margin-left \u3092\u6307\u5b9a\u3057\u305f\u5834\u5408\u306b\u3001\u305d\u306e\u30de\u30fc\u30b8\u30f3\u304c\u6b63\u3057\u304f\u53cd\u6620\u3055\u308c\u305a\u3001xxx\u3068yyy\u306e\u9593\u306b\u9699\u9593\u304c\u958b\u3044\u3066\u3057\u307e\u3046\u3068\u3044\u3046\u30d0\u30b0\u3060\u3002<\/p>\n

\u3067\u306f\u3001\u3084\u308a\u305f\u3044\u3053\u3068\uff08div\u3092\u4e26\u3079\u305f\u3044\uff09\u306b\u5bfe\u3057\u3066\u4f55\u304c\u6b63\u89e3\u304b\u3002<\/p>\n

\u6b63\u89e3\u306f\u3001yyy \u306b\u3082 float:left \u3092\u6307\u5b9a\u3059\u308b<\/p>\n

\u3067\u3059\u3002\u53f3\u306b\u7f6e\u304f\u306e\u306b left \u3067\u3059\u304b\uff1f \u3068\u3044\u308f\u308c\u305d\u3046\u3067\u3059\u304c\u3001float:left \u306f\u5de6\u306b\u7f6e\u304f\u3068\u304b\u53f3\u306b\u7f6e\u304f\u3068\u304b\u306e\u6307\u5b9a\u3067\u306f\u306a\u304f\u3001float \u72b6\u614b\u3067\u5de6\u8a70\u3067\u4e26\u3079\u308b\u3068\u3044\u3046\u6307\u5b9a\u3002\u306a\u306e\u3067\u3001float\u3092\u6307\u5b9a\u3057\u3066\u3044\u306a\u3044\u3068\u3001\u3053\u306efloat\u8ecd\u56e3\u306b\u53c2\u52a0\u3057\u306a\u3044\u306e\u3067\u3001\u4e00\u3064\u4e0a\uff08\u89aa\uff09\u306e\u8981\u7d20\u306b\u5bfe\u3057\u3066float\u8ecd\u56e3\u3068\u306f\u5225\u306b\u914d\u7f6e\u3055\u308c\u308b\u306e\u3067\u3001\u91cd\u306a\u3063\u3066\u3057\u307e\u3046\u3002 float \u6307\u5b9a\u3092\u3059\u308b\u5834\u5408\u306f\u3001\u9806\u6b21\u5de6\u3078\u5de6\u3078\u8a70\u3081\u308b\u3053\u3068\u306b\u306a\u308b\u306e\u3067\u3001xxx\u3082yyy\u3082 left \u304c\u6b63\u89e3\u3002\u3068\u3044\u3046\u308f\u3051\u3002<\/p>\n

\u3067\u306f\u3001<div class=\u201dzzz\u201d><\/div> \u3092\u305d\u306e\u4e0b\u3078\u914d\u7f6e\u3057\u305f\u3044\u5834\u5408\u306f\uff1f \u3053\u308c\u3082float:left \u306b\u3057\u3066\u3082\u826f\u3044\u3051\u3069\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u5e45\u3092\u5e83\u3052\u305f\u3089 yyy \u306e\u53f3\u306b\u6765\u3061\u3083\u3046\u3088\u306d\uff1f<\/p>\n

\u305d\u3046\u3044\u3046\u5834\u5408\u306f\u3001 \u3054\u5b58\u77e5 clear:both \u3067\u3059\u306d\u3002\u30dc\u30b9\u3002<\/p>\n

\"float\u5b9f\u9a13\"<\/a> <\/p>\n

\u4e0a\u304b\u3089
\u30fbfloat\u6307\u5b9a\u306a\u3057
\u30fb\u5de6\u3060\u3051float\u6307\u5b9a
\u30fb\u5de6\u306bfloat\u6307\u5b9a\u3067\u3001\u53f3\u306bmargin-left\u6307\u5b9a
\u30fb\u4e21\u65b9\u3068\u3082 float \u6307\u5b9a<\/p>\n","protected":false},"excerpt":{"rendered":"

\u3061\u3087\u3063\u3068\u6c17\u306b\u306a\u3063\u3066\u8abf\u3079\u305f\u306e\u3067\u3001\u30e1\u30e2\u3002 \uff12\u3064\u306e<div>\u8981\u7d20\u3092\u3001float:left \u6307\u5b9a\u3067\u3001\u5de6\u53f3\u306b\u4e26\u3079\u305f\u3044\u3068\u3044\u3046\u3053\u3068\u304c\u826f\u304f\u3042\u308b\u306e\u3060\u304c\u3001\u3053\u308c\u304c\u30d6\u30e9\u30a6\u30b6\u306b\u3088\u3063\u3066\u5fae\u5999\u306b\u6319\u52d5\u304c\u9055\u3046\u306e\u3067\u3084\u3063\u304b\u3044\u3002 \u554f\u984c\u306e\u30b1\u30fc\u30b9\u306f\u3001 & … \u7d9a\u304d\u3092\u8aad\u3080 →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-372","post","type-post","status-publish","format-standard","hentry","category-computer"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=372"}],"version-history":[{"count":3,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":377,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions\/377"}],"wp:attachment":[{"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hajimesan.net\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}