Jump to content
  • 0

как сделать float?


AquaGen
 Share

Question

один блок:

...
menu {
padding:8px;
float:left;
border-right: 1px solid black;
width:10%;
}
...

дальше под ним идет, тоесть вот так:

    </menu>
<section>
<div id="bar">{bar}</div>
<article>

{bar} - адрес где мы находимся, в article - контент

section {
padding:10px;
float:left;
}

дело в том что когда я вставляю например таблицу она не на весь блок, если в article поставить width:100%; или в table тоже ничего, а если в section то блок будет не справа от меню, а снизу, а если допустим section width поставить 70%, то если блока menu нет, то не 100%,

как сделать так чтобы блок был 100% и с меню слева и без меню

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

чтобы блок был 100%, не указываете ему ширину, поскольку блочный элемент без указания ширины растягивается на всю доступную ширину. А чтоб он "видел" плавающие блоки, укажите ему overflow:hidden.

Link to comment
Share on other sites

  • 0

Ничего прописать не надо, просто убери

 padding:10px; float:left;

из section и все

тогда section будет под меню тоже а не слева

чтобы блок был 100%, не указываете ему ширину, поскольку блочный элемент без указания ширины растягивается на всю доступную ширину.

не работает

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy