列中元素的絕對定位

Question

我試圖動態地將div放在eachother旁邊，取前一個div的y位置並添加當前divs的寬度以使當前div div y的位置。所以基本上B.y = A.y + B.width。我的代碼不這樣做，我覺得它應該：/任何幫助解決這個問題，非常感謝。

在這種情況下使用CSS浮動不是一個選項。

  $(".event2").css({ 
       "width": $(".event2").width()/4}); 
       $(".event2").css({ 
       "position().left": ($(".event1").position().left+$(".event2").width()) 
      }); 

      $(".event3").css({ 
       "width": $(".event3").width()/4}); 
       $(".event3").css({ 
       "position().left": ($(".event2").position().left+$(".event3").width()) 
      }); 

      $(".event4").css({ 
       "width": $(".event4").width()/4}); 
       $(".event4").css({ 
       "position().left": ($(".event3").position().left+$(".event4").width()) 
      }); 

Answer 1

css({"position().left": "foo"})似乎是普通嫌疑犯，應該是css({"left": "foo"})

而且，不知道該怎麼努力實現由：

 $(".event2").css({ 
      "width": $(".event2").width()/4}); // this seems wrong, you're basically 1/4th-ing to own size 
     $(".event2").css({ 
      "position().left": ($(".event1").position().left+$(".event2").width()) // should've been e1.x + e1.w 
     });