spot7.org logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML Categories

Why my div is going outside of its parent div?


You need to add an overflow to #message-container because that's the div that's being pushed by the float not its children. #message-box and #text-box don't interact with their parents previous siblings.

So, remove all overflow: auto; and do this:

#message-container {
  height: 32em;
  border: 1px solid red;
  overflow: hidden;
}

Here is a Fiddle: http://jsfiddle.net/Ljqmjzkp/1/

PS: Cleaned the code so it's easier to read, also I indented it according to your DOM so you can see the structure. Keep that in mind, it helps ^^


Categories : HTML

Related to : Why my div is going outside of its parent div?
Hover dropdown: clicking parent link goes to parent page
If I understand correctly, this could be the answer add link in the button <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"> <a href="http://stackoverflow.com">Dropdown parent link</a> <span class="caret"></span> </button> <ul class="dropdown-menu">

Categories : Javascript
parent of parent - how to make it prettier codewise
Do you know the type of selector you need? Why not .closest()? $myDiv.closest('.parentSelector'); Also, you can use div.parent().parent(), will work just as well

Categories : Jquery
What is the best way to create a parent/master entry in a DJANGO CRUD database app and then add associating data fields to the parent/master?
No. You don't need multiple barcode models. The fact that you have a ForeignKey from barcode to hardware already allows you to have multiple barcodes for each hardware: a ForeignKey defines a many-to-one relationship. Also, it doesn't make any sense to name the foreignkey after the model it is in: it needs to be named for the model it is pointing to, ie hardware. Finally, don't prefix your field n

Categories : Python
Having a Parent-Children class hierarchy, how can I hold various actual children in a single "Parent"-typed variable?
If those objects don't need to live very long, then you could simply do: switch(arg[1]) { case CHILD1: { Child1 c1; c1.start(); break; } case CHILD2: { Child2 c2; c2.start(); break; } case CHILD3: { Child3 c3; c3.start(); break; } } On the other hand, if you need to keep

Categories : C++
Apply css rule only to parent
Try validating your HTML. You will find that it is not valid. The only valid child of <ul> is <li>, and you are not allowed to have a <li> inside a <div>. Source: http://www.w3.org/TR/html-markup/li.html#li-context Write like the following and your CSS should work: <ul> <li class="current-cat"></li> </ul>

Categories : HTML
Recently Add
Div to Wrap Content?
Vertically align an inline-block next to an inline-block that is taller
3x3 table in css and html each side different colour
Adapt website for blind people
Toggle menu is not working in the mobile device
Silverstripe 3: How to remove html text from GridField in EditForm view?
Max height - change when window is resized?
How can I create a non-repeated outside border image?
How to insert raw html in jade file (not include external html file)
Background-image repeating when resize window (background-repeat is no-repeat)
CSS: Horizontally centering in a container smaller than the actual element
Will subdomain and Wordpress interfere with eachother?
Sub menu in specific location
Disabling border-collapse for single columns and rows
Call function in asp from onclick button
Background bigger than iframe
If Else button pressed in HTML5?
How to get multiple rotating background cover with css / Full screen slideshow
Two divs side-by-sideā€”one in the centre, the other on the right
Chrome hides SPAN if "list-style-type" is "none"
How can I change the size of my css button in outlook?
Retain table layout while using block display for tbody
Align image in unordered list with list items
Background-color covers previous line
Sending a web page as HTML mail from Perl
Correctly formatting arrays in HTML
HTML/CSS - Change color of inputbox if certain number of chars is entered
Polymer SVG as CSS background-image not working
inside a
how to replace or update json value in file?
© Copyright 2017 spot7.org Publishing Limited. All rights reserved.