html - How would one make it so that divs do not stack upon one another based on browser window size or screen resolution when divs are floated to the left? -


Sorry if my language is ... ambiguous I did not really know how to properly explain my dilemma . But if I can do it better, lets see it ...

I am creating a blog in which the posts will be displayed and scroll horizontally instead of standing. Each blog post is displayed in a separate Div, and divas is shown floating on the left.

But depending on the solution of someone's computer or on the basis of window size, in the page, the divs will be stacked on one side of each other as I wanted, of course, if the screen is Every division was big enough to display, so it would work brilliantly, but it is not.

I appreciate any help, tips and pointers. Thanks a lot.

Edit And as far as the code goes, it's using the basic HTML structure and CSS I:

   

Have you tried putting your div in the overflow inside the container divas: scroll?

For example:

  & lt; Div id = "container" style = "overflow: scroll; height: 100px; width: 500px;" & Gt; & Lt; Div class = "post" & gt; & Lt; / Div & gt; & Lt; Div class = "post" & gt; & Lt; / Div & gt; & Lt; Div class = "post" & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

If this does not answer your question, then perhaps you can show us your current markup / CSS so that we can try to get you.


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -